From 872b8fde2857cd24a1cdc3eabe679d888cadf0d3 Mon Sep 17 00:00:00 2001
From: daveols <10344370+daveols@users.noreply.github.com>
Date: Tue, 14 Jul 2020 18:51:45 +1000
Subject: [PATCH 1/2] add Pressable to list of supported components

---
 docs/install.md | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/docs/install.md b/docs/install.md
index 303242a..5349cf1 100644
--- a/docs/install.md
+++ b/docs/install.md
@@ -12,16 +12,17 @@ This module should be installed in your project's `devDependencies`:
 npm install --save-dev @testing-library/react-native
 ```
 
-You will need `react`, `react-native`, and `react-test-renderer` installed as _dependencies_ in order to run this project.
+You will need `react`, `react-native`, and `react-test-renderer` installed as _dependencies_ in
+order to run this project.
 
 ## Jest preset
 
 > It is **highly recommended** that you use the bundled Jest preset. You will likely experience
 > unexpected behavior and have a sub-optimal experience if you do not use the preset.
 
-This library includes an easy to adopt and reliable Jest preset to maximize the
-confidence you have in your tests. It extends the `react-native` preset, and was created in order to
-more closely mimic behavior you would expect from any other member of the `testing-library` family.
+This library includes an easy to adopt and reliable Jest preset to maximize the confidence you have
+in your tests. It extends the `react-native` preset, and was created in order to more closely mimic
+behavior you would expect from any other member of the `testing-library` family.
 
 ```diff
 // jest.config.js
@@ -43,8 +44,8 @@ module.exports = Object.assign(expoPreset, jestPreset, {
 });
 ```
 
-> If you use Expo, be sure to include the Expo setup files before this library's setup
-> files! If you're using React Native, there's no need to do anything extra.
+> If you use Expo, be sure to include the Expo setup files before this library's setup files! If
+> you're using React Native, there's no need to do anything extra.
 
 Generally speaking though, it's better to include any setup files you have in the
 `setupFilesAfterEnv` key of your Jest config.
@@ -63,6 +64,7 @@ Here is a list of all the components this preset supports:
   "Image",
   "Modal",
   "Picker",
+  "Pressable",
   "RefreshControl",
   "SafeAreaView",
   "ScrollView",

From d518bce45268558f17ca4c08220998c857aad989 Mon Sep 17 00:00:00 2001
From: daveols <10344370+daveols@users.noreply.github.com>
Date: Tue, 14 Jul 2020 18:52:46 +1000
Subject: [PATCH 2/2] run prettier against src

---
 docker-compose.yml                            |  2 +-
 docs/api-helpers.md                           |  8 +--
 docs/api-main.md                              |  8 +--
 docs/api-queries.md                           |  4 +-
 docs/api-test-instance.md                     |  2 +-
 docs/cheat-sheet.md                           |  4 +-
 docs/ecosystem-jest-native.md                 |  4 +-
 docs/example-context.md                       |  2 +-
 docs/example-input-event.md                   |  4 +-
 docs/example-intl.md                          |  2 +-
 docs/example-navigation.md                    |  8 ++-
 docs/example-redux.md                         |  2 +-
 docs/intro.md                                 | 21 ++++----
 docs/setup.md                                 | 10 ++--
 website/README.md                             | 27 ++++++----
 website/blog/2016-03-11-blog-post.md          | 40 +++++++++++++--
 website/blog/2017-04-10-blog-post-two.md      | 40 +++++++++++++--
 website/blog/2017-09-25-testing-rss.md        |  3 ++
 website/pages/en/index.js                     | 18 +++----
 website/pages/en/users.js                     |  2 +-
 website/pages/en/versions.js                  |  2 +-
 website/siteConfig.js                         |  5 +-
 website/static/css/code-block-buttons.css     | 40 +++++++--------
 website/static/css/custom.css                 | 12 ++---
 website/static/js/code-block-buttons.js       | 51 +++++++++----------
 .../version-2.0.0/api-queries.md              |  4 +-
 .../version-2.0.0/example-context.md          |  2 +-
 .../version-2.0.0/example-input-event.md      |  4 +-
 .../version-2.0.0/example-intl.md             |  2 +-
 .../version-2.0.0/example-navigation.md       |  2 +-
 .../version-2.0.0/example-redux.md            |  2 +-
 .../version-2.0.0/guide-queries.md            |  2 +-
 .../version-2.0.0/hook-example-async.md       |  4 +-
 .../version-2.0.0/hook-example-custom.md      |  4 +-
 .../version-2.0.0/hook-example-error.md       |  4 +-
 .../version-2.0.0/hook-example-test.md        |  6 +--
 .../versioned_docs/version-3.0.0/api-act.md   |  5 +-
 .../versioned_docs/version-3.0.0/api-main.md  |  2 +-
 .../version-3.0.0/api-queries.md              |  4 +-
 .../version-3.0.0/api-test-instance.md        |  2 +-
 .../version-3.0.0/example-input-event.md      |  4 +-
 .../version-3.0.0/example-update-props.md     |  1 -
 .../version-4.0.0/api-helpers.md              |  8 +--
 .../versioned_docs/version-4.0.0/api-main.md  |  2 +-
 .../version-4.0.0/api-queries.md              |  4 +-
 .../version-4.0.0/cheat-sheet.md              |  4 +-
 .../version-4.0.0/ecosystem-jest-native.md    |  4 +-
 .../version-4.0.0/example-context.md          |  2 +-
 .../version-4.0.0/example-input-event.md      |  4 +-
 .../version-4.0.0/example-intl.md             |  2 +-
 .../version-4.0.0/example-navigation.md       |  2 +-
 .../version-4.0.0/example-redux.md            |  2 +-
 .../versioned_docs/version-4.0.0/install.md   | 13 ++---
 website/versioned_docs/version-4.0.0/intro.md | 21 ++++----
 website/versioned_docs/version-4.0.0/setup.md | 10 ++--
 .../version-2.0.0-sidebars.json               |  9 +---
 .../version-3.0.0-sidebars.json               |  9 +---
 website/versions.json                         |  6 +--
 58 files changed, 267 insertions(+), 210 deletions(-)

diff --git a/docker-compose.yml b/docker-compose.yml
index 6711192..1fcc0e1 100755
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -1,4 +1,4 @@
-version: "3"
+version: '3'
 
 services:
   docusaurus:
diff --git a/docs/api-helpers.md b/docs/api-helpers.md
index 591ca57..ec6d033 100644
--- a/docs/api-helpers.md
+++ b/docs/api-helpers.md
@@ -6,11 +6,11 @@ sidebar_label: Helpers
 
 ## Custom Queries
 
-A few helper functions are exposed that are used internally to implement the default queries. You can
-use the helpers to build custom queries. For example, the code below shows a way to query your
+A few helper functions are exposed that are used internally to implement the default queries. You
+can use the helpers to build custom queries. For example, the code below shows a way to query your
 TestInstance by a `style` prop. Note: test files would need to now import `test-utils.js` instead of
-importing directly from `@testing-library/react-native`. Also note, please never actually implement this helper, it's just an
-example of what's possible.
+importing directly from `@testing-library/react-native`. Also note, please never actually implement
+this helper, it's just an example of what's possible.
 
 ```javascript
 // test-utils.js
diff --git a/docs/api-main.md b/docs/api-main.md
index 8bf0b81..6a2f804 100644
--- a/docs/api-main.md
+++ b/docs/api-main.md
@@ -160,7 +160,7 @@ function TestComponent() {
   const [count, setCount] = React.useState(0);
 
   return (
-    <Button onPress={() => setCount(state => state + 1)} title={`Click to increase: ${count}`} />
+    <Button onPress={() => setCount((state) => state + 1)} title={`Click to increase: ${count}`} />
   );
 }
 
@@ -193,9 +193,9 @@ test('renders into document', () => {
 // ... more tests ...
 ```
 
-In RNTL there is no DOM to cleanup, and your tests' rendered trees cannot
-interfere with each other. It is simply nice to be able to run any unmount logic in the components
-you have rendered in your tests.
+In RNTL there is no DOM to cleanup, and your tests' rendered trees cannot interfere with each other.
+It is simply nice to be able to run any unmount logic in the components you have rendered in your
+tests.
 
 **If you don't want to add this to _every single test file_** then we recommend that you configure
 your test framework to run a file before your tests which does this automatically. See the
diff --git a/docs/api-queries.md b/docs/api-queries.md
index 0915514..cd0223f 100644
--- a/docs/api-queries.md
+++ b/docs/api-queries.md
@@ -352,7 +352,7 @@ built-in normalization behavior:
 
 ```javascript
 getByText(node, 'text', {
-  normalizer: str => getDefaultNormalizer({ trim: false })(str).replace(/[\u200E-\u200F]*/g, ''),
+  normalizer: (str) => getDefaultNormalizer({ trim: false })(str).replace(/[\u200E-\u200F]*/g, ''),
 });
 ```
 
@@ -379,7 +379,7 @@ getByText(baseElement, /^hello world$/i); // full string match, ignore case
 getByText(baseElement, /Hello W?oRlD/i); // advanced regex
 
 // Matching with a custom function:
-getByText(baseElement, content => content.startsWith('Hello'));
+getByText(baseElement, (content) => content.startsWith('Hello'));
 ```
 
 **_Will not_ find a match:**
diff --git a/docs/api-test-instance.md b/docs/api-test-instance.md
index 4429ce6..526a054 100644
--- a/docs/api-test-instance.md
+++ b/docs/api-test-instance.md
@@ -40,7 +40,7 @@ similar to `document.querySelectorAll`.
 
 ```javascript
 const { container } = render(<MyComponent />);
-const textNodes = container.findAll(node => node.getProp('accessibilityLabel') === 'hello world');
+const textNodes = container.findAll((node) => node.getProp('accessibilityLabel') === 'hello world');
 
 expect(textNodes).toHaveLength(2);
 ```
diff --git a/docs/cheat-sheet.md b/docs/cheat-sheet.md
index 0f3dbad..ef8860d 100644
--- a/docs/cheat-sheet.md
+++ b/docs/cheat-sheet.md
@@ -5,8 +5,8 @@ sidebar_label: Cheat Sheet
 ---
 
 There is a printable one-page cheat sheet available for you to download. It is intended to be a
-quick reference, but is not a complete API glossary or guide. Keep a copy of it on your
-desk to quickly take a peek at the most commonly used functionality!
+quick reference, but is not a complete API glossary or guide. Keep a copy of it on your desk to
+quickly take a peek at the most commonly used functionality!
 
 [Download the cheat sheet][cheatsheet]
 
diff --git a/docs/ecosystem-jest-native.md b/docs/ecosystem-jest-native.md
index 6861bdc..d90705c 100644
--- a/docs/ecosystem-jest-native.md
+++ b/docs/ecosystem-jest-native.md
@@ -4,8 +4,8 @@ title: Jest Matchers
 sidebar_label: Jest Matchers
 ---
 
-[`jest-native`](https://github.com/testing-library/jest-native) is a companion library that
-provides custom element matchers for Jest.
+[`jest-native`](https://github.com/testing-library/jest-native) is a companion library that provides
+custom element matchers for Jest.
 
 ```
 npm install --save-dev @testing-library/jest-native
diff --git a/docs/example-context.md b/docs/example-context.md
index 2ca6118..6cb6a28 100644
--- a/docs/example-context.md
+++ b/docs/example-context.md
@@ -29,7 +29,7 @@ test('NameConsumer shows value from provider', () => {
 test('NameProvider composes full name from first, last', () => {
   const tree = (
     <NameProvider first="Boba" last="Fett">
-      <NameContext.Consumer>{value => <Text>Received: {value}</Text>}</NameContext.Consumer>
+      <NameContext.Consumer>{(value) => <Text>Received: {value}</Text>}</NameContext.Consumer>
     </NameProvider>
   );
   const { getByText } = render(tree);
diff --git a/docs/example-input-event.md b/docs/example-input-event.md
index 5692448..3fbd31f 100644
--- a/docs/example-input-event.md
+++ b/docs/example-input-event.md
@@ -14,8 +14,8 @@ class CostInput extends React.Component {
     value: '',
   };
 
-  removeDollarSign = value => (value[0] === '$' ? value.slice(1) : value);
-  getReturnValue = value => (value === '' ? '' : `$${value}`);
+  removeDollarSign = (value) => (value[0] === '$' ? value.slice(1) : value);
+  getReturnValue = (value) => (value === '' ? '' : `$${value}`);
   handleChange = ({ nativeEvent }) => {
     const text = nativeEvent.text;
     const noDollarSign = this.removeDollarSign(text);
diff --git a/docs/example-intl.md b/docs/example-intl.md
index b4aefe8..0b9bc3f 100644
--- a/docs/example-intl.md
+++ b/docs/example-intl.md
@@ -37,7 +37,7 @@ const FormatDateView = () => {
   );
 };
 
-const renderWithReactIntl = component => {
+const renderWithReactIntl = (component) => {
   return {
     ...render(<IntlProvider locale="pt">{component}</IntlProvider>),
   };
diff --git a/docs/example-navigation.md b/docs/example-navigation.md
index 0498c5d..b76bb5a 100644
--- a/docs/example-navigation.md
+++ b/docs/example-navigation.md
@@ -4,10 +4,9 @@ title: Navigation
 sidebar_label: Navigation
 ---
 
-
 ```js
 // <project-root-path>/__mocks__/react-native-gesture-handler.js
-// react-native-gesture-handler use native modules, we need to mock it. 
+// react-native-gesture-handler use native modules, we need to mock it.
 import { View } from 'react-native';
 
 export const State = {};
@@ -16,7 +15,6 @@ export const BaseButton = View;
 export const Directions = {};
 ```
 
-
 ```javascript
 import React from 'react';
 import { Button, Text, View } from 'react-native';
@@ -27,7 +25,7 @@ import { render, fireEvent } from '@testing-library/react-native';
 // NativeAnimatedHelper is not mocked by default on react native's jest setup file.
 jest.mock('NativeAnimatedHelper');
 
-console.warn = arg => {
+console.warn = (arg) => {
   const hiddenMessages = [
     'Calling .measureInWindow()',
     'Calling .measureLayout()',
@@ -36,7 +34,7 @@ console.warn = arg => {
     'Calling .blur()',
   ];
 
-  const warningShouldBeHidden = hiddenMessages.some(x => arg.includes(x))
+  const warningShouldBeHidden = hiddenMessages.some((x) => arg.includes(x));
 
   if (!warningShouldBeHidden) {
     console.warn(arg);
diff --git a/docs/example-redux.md b/docs/example-redux.md
index b8247c8..0bae333 100644
--- a/docs/example-redux.md
+++ b/docs/example-redux.md
@@ -34,7 +34,7 @@ class Counter extends React.Component {
   }
 }
 
-const ConnectedCounter = connect(state => ({ count: state.count }))(Counter);
+const ConnectedCounter = connect((state) => ({ count: state.count }))(Counter);
 
 function reducer(state = { count: 0 }, action) {
   switch (action.type) {
diff --git a/docs/intro.md b/docs/intro.md
index 2b32f9f..4185b05 100644
--- a/docs/intro.md
+++ b/docs/intro.md
@@ -14,16 +14,17 @@ Native.
 
 ## This solution
 
-React Native Testing Library (RNTL) is an implementation of the well-known Testing Library API that works
-for React Native. The primary goal is to mimic the testing library API as closely as possible while
-still accounting for the differences in the platforms. Accomplishing this is no small feat because
-of the differences between the two platforms. Although most framework implementations like React
-Testing Library (RTL) are thin layers over [DOM Testing Library (DTL)](https://testing-library.com),
-this library needed to have its own base implementation as well as a user-facing API. This library
-uses the [react-test-renderer](https://reactjs.org/docs/test-renderer.html), whereas DOM Testing
-Library (DTL) uses JSDOM. The main philosophy here is that you should find elements on the "screen"
-the way users would. This approach is meant to give you confidence that your app is working as a
-cohesive unit. Testing Library's primary philosophy is:
+React Native Testing Library (RNTL) is an implementation of the well-known Testing Library API that
+works for React Native. The primary goal is to mimic the testing library API as closely as possible
+while still accounting for the differences in the platforms. Accomplishing this is no small feat
+because of the differences between the two platforms. Although most framework implementations like
+React Testing Library (RTL) are thin layers over
+[DOM Testing Library (DTL)](https://testing-library.com), this library needed to have its own base
+implementation as well as a user-facing API. This library uses the
+[react-test-renderer](https://reactjs.org/docs/test-renderer.html), whereas DOM Testing Library
+(DTL) uses JSDOM. The main philosophy here is that you should find elements on the "screen" the way
+users would. This approach is meant to give you confidence that your app is working as a cohesive
+unit. Testing Library's primary philosophy is:
 
 > [The more your tests resemble the way your software is used, the more confidence they can give you.](guiding-principles.md)
 
diff --git a/docs/setup.md b/docs/setup.md
index 6098e22..08fffe6 100644
--- a/docs/setup.md
+++ b/docs/setup.md
@@ -6,8 +6,8 @@ sidebar_label: Setup
 
 ## Setting up your project
 
-The API should work out of the box for most tests. All of the snippets you'll find throughout
-the website work without any additional configuration assuming you use Jest and a moderately recent
+The API should work out of the box for most tests. All of the snippets you'll find throughout the
+website work without any additional configuration assuming you use Jest and a moderately recent
 version of React Native.
 
 We strongly encourage you to use Jest with the `@testing-library/react-native` preset. The
@@ -39,9 +39,9 @@ module.exports = {
 
 It's often useful to define a custom render method that includes things like global context
 providers, data stores, etc. To make this available globally, one approach is to define a utility
-file that re-exports everything from this library. You can replace `@testing-library/react-native` with this
-file in all your imports. See [below](#configuring-jest-with-test-utils) for a way to make your test
-util file accessible without using relative paths.
+file that re-exports everything from this library. You can replace `@testing-library/react-native`
+with this file in all your imports. See [below](#configuring-jest-with-test-utils) for a way to make
+your test util file accessible without using relative paths.
 
 The example below sets up data providers using the [`wrapper`](api-main.md#render-options) option to
 `render`.
diff --git a/website/README.md b/website/README.md
index f3da77f..9799d0d 100755
--- a/website/README.md
+++ b/website/README.md
@@ -2,11 +2,11 @@ This website was created with [Docusaurus](https://docusaurus.io/).
 
 # What's In This Document
 
-* [Get Started in 5 Minutes](#get-started-in-5-minutes)
-* [Directory Structure](#directory-structure)
-* [Editing Content](#editing-content)
-* [Adding Content](#adding-content)
-* [Full Documentation](#full-documentation)
+- [Get Started in 5 Minutes](#get-started-in-5-minutes)
+- [Directory Structure](#directory-structure)
+- [Editing Content](#editing-content)
+- [Adding Content](#adding-content)
+- [Full Documentation](#full-documentation)
 
 # Get Started in 5 Minutes
 
@@ -16,6 +16,7 @@ This website was created with [Docusaurus](https://docusaurus.io/).
 # Install dependencies
 $ yarn
 ```
+
 2. Run your dev server:
 
 ```sh
@@ -72,6 +73,7 @@ For more information about docs, click [here](https://docusaurus.io/docs/en/navi
 Edit blog posts by navigating to `website/blog` and editing the corresponding post:
 
 `website/blog/post-to-be-edited.md`
+
 ```markdown
 ---
 id: post-needs-edit
@@ -121,6 +123,7 @@ For more information about adding new docs, click [here](https://docusaurus.io/d
 1. Make sure there is a header link to your blog in `website/siteConfig.js`:
 
 `website/siteConfig.js`
+
 ```javascript
 headerLinks: [
     ...
@@ -148,9 +151,11 @@ For more information about blog posts, click [here](https://docusaurus.io/docs/e
 
 ## Adding items to your site's top navigation bar
 
-1. Add links to docs, custom pages or external links by editing the headerLinks field of `website/siteConfig.js`:
+1. Add links to docs, custom pages or external links by editing the headerLinks field of
+   `website/siteConfig.js`:
 
 `website/siteConfig.js`
+
 ```javascript
 {
   headerLinks: [
@@ -167,14 +172,18 @@ For more information about blog posts, click [here](https://docusaurus.io/docs/e
 }
 ```
 
-For more information about the navigation bar, click [here](https://docusaurus.io/docs/en/navigation)
+For more information about the navigation bar, click
+[here](https://docusaurus.io/docs/en/navigation)
 
 ## Adding custom pages
 
-1. Docusaurus uses React components to build pages. The components are saved as .js files in `website/pages/en`:
-1. If you want your page to show up in your navigation header, you will need to update `website/siteConfig.js` to add to the `headerLinks` element:
+1. Docusaurus uses React components to build pages. The components are saved as .js files in
+   `website/pages/en`:
+1. If you want your page to show up in your navigation header, you will need to update
+   `website/siteConfig.js` to add to the `headerLinks` element:
 
 `website/siteConfig.js`
+
 ```javascript
 {
   headerLinks: [
diff --git a/website/blog/2016-03-11-blog-post.md b/website/blog/2016-03-11-blog-post.md
index cf2ba29..0e0bf59 100755
--- a/website/blog/2016-03-11-blog-post.md
+++ b/website/blog/2016-03-11-blog-post.md
@@ -5,14 +5,44 @@ authorURL: http://twitter.com/
 authorFBID: 100002976521003
 ---
 
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus elementum massa eget nulla aliquet sagittis. Proin odio tortor, vulputate ut odio in, ultrices ultricies augue. Cras ornare ultrices lorem malesuada iaculis. Etiam sit amet libero tempor, pulvinar mauris sed, sollicitudin sapien.
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies.
+Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet, consectetur
+adipiscing elit. Vivamus elementum massa eget nulla aliquet sagittis. Proin odio tortor, vulputate
+ut odio in, ultrices ultricies augue. Cras ornare ultrices lorem malesuada iaculis. Etiam sit amet
+libero tempor, pulvinar mauris sed, sollicitudin sapien.
 
 <!--truncate-->
 
-Mauris vestibulum ullamcorper nibh, ut semper purus pulvinar ut. Donec volutpat orci sit amet mauris malesuada, non pulvinar augue aliquam. Vestibulum ultricies at urna ut suscipit. Morbi iaculis, erat at imperdiet semper, ipsum nulla sodales erat, eget tincidunt justo dui quis justo. Pellentesque dictum bibendum diam at aliquet. Sed pulvinar, dolor quis finibus ornare, eros odio facilisis erat, eu rhoncus nunc dui sed ex. Nunc gravida dui massa, sed ornare arcu tincidunt sit amet. Maecenas efficitur sapien neque, a laoreet libero feugiat ut.
+Mauris vestibulum ullamcorper nibh, ut semper purus pulvinar ut. Donec volutpat orci sit amet mauris
+malesuada, non pulvinar augue aliquam. Vestibulum ultricies at urna ut suscipit. Morbi iaculis, erat
+at imperdiet semper, ipsum nulla sodales erat, eget tincidunt justo dui quis justo. Pellentesque
+dictum bibendum diam at aliquet. Sed pulvinar, dolor quis finibus ornare, eros odio facilisis erat,
+eu rhoncus nunc dui sed ex. Nunc gravida dui massa, sed ornare arcu tincidunt sit amet. Maecenas
+efficitur sapien neque, a laoreet libero feugiat ut.
 
-Nulla facilisi. Maecenas sodales nec purus eget posuere. Sed sapien quam, pretium a risus in, porttitor dapibus erat. Sed sit amet fringilla ipsum, eget iaculis augue. Integer sollicitudin tortor quis ultricies aliquam. Suspendisse fringilla nunc in tellus cursus, at placerat tellus scelerisque. Sed tempus elit a sollicitudin rhoncus. Nulla facilisi. Morbi nec dolor dolor. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras et aliquet lectus. Pellentesque sit amet eros nisi. Quisque ac sapien in sapien congue accumsan. Nullam in posuere ante. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin lacinia leo a nibh fringilla pharetra.
+Nulla facilisi. Maecenas sodales nec purus eget posuere. Sed sapien quam, pretium a risus in,
+porttitor dapibus erat. Sed sit amet fringilla ipsum, eget iaculis augue. Integer sollicitudin
+tortor quis ultricies aliquam. Suspendisse fringilla nunc in tellus cursus, at placerat tellus
+scelerisque. Sed tempus elit a sollicitudin rhoncus. Nulla facilisi. Morbi nec dolor dolor. Orci
+varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras et aliquet
+lectus. Pellentesque sit amet eros nisi. Quisque ac sapien in sapien congue accumsan. Nullam in
+posuere ante. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia
+Curae; Proin lacinia leo a nibh fringilla pharetra.
 
-Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin venenatis lectus dui, vel ultrices ante bibendum hendrerit. Aenean egestas feugiat dui id hendrerit. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur in tellus laoreet, eleifend nunc id, viverra leo. Proin vulputate non dolor vel vulputate. Curabitur pretium lobortis felis, sit amet finibus lorem suscipit ut. Sed non mollis risus. Duis sagittis, mi in euismod tincidunt, nunc mauris vestibulum urna, at euismod est elit quis erat. Phasellus accumsan vitae neque eu placerat. In elementum arcu nec tellus imperdiet, eget maximus nulla sodales. Curabitur eu sapien eget nisl sodales fermentum.
+Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin
+venenatis lectus dui, vel ultrices ante bibendum hendrerit. Aenean egestas feugiat dui id hendrerit.
+Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur in
+tellus laoreet, eleifend nunc id, viverra leo. Proin vulputate non dolor vel vulputate. Curabitur
+pretium lobortis felis, sit amet finibus lorem suscipit ut. Sed non mollis risus. Duis sagittis, mi
+in euismod tincidunt, nunc mauris vestibulum urna, at euismod est elit quis erat. Phasellus accumsan
+vitae neque eu placerat. In elementum arcu nec tellus imperdiet, eget maximus nulla sodales.
+Curabitur eu sapien eget nisl sodales fermentum.
 
-Phasellus pulvinar ex id commodo imperdiet. Praesent odio nibh, sollicitudin sit amet faucibus id, placerat at metus. Donec vitae eros vitae tortor hendrerit finibus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Quisque vitae purus dolor. Duis suscipit ac nulla et finibus. Phasellus ac sem sed dui dictum gravida. Phasellus eleifend vestibulum facilisis. Integer pharetra nec enim vitae mattis. Duis auctor, lectus quis condimentum bibendum, nunc dolor aliquam massa, id bibendum orci velit quis magna. Ut volutpat nulla nunc, sed interdum magna condimentum non. Sed urna metus, scelerisque vitae consectetur a, feugiat quis magna. Donec dignissim ornare nisl, eget tempor risus malesuada quis.
+Phasellus pulvinar ex id commodo imperdiet. Praesent odio nibh, sollicitudin sit amet faucibus id,
+placerat at metus. Donec vitae eros vitae tortor hendrerit finibus. Interdum et malesuada fames ac
+ante ipsum primis in faucibus. Quisque vitae purus dolor. Duis suscipit ac nulla et finibus.
+Phasellus ac sem sed dui dictum gravida. Phasellus eleifend vestibulum facilisis. Integer pharetra
+nec enim vitae mattis. Duis auctor, lectus quis condimentum bibendum, nunc dolor aliquam massa, id
+bibendum orci velit quis magna. Ut volutpat nulla nunc, sed interdum magna condimentum non. Sed urna
+metus, scelerisque vitae consectetur a, feugiat quis magna. Donec dignissim ornare nisl, eget tempor
+risus malesuada quis.
diff --git a/website/blog/2017-04-10-blog-post-two.md b/website/blog/2017-04-10-blog-post-two.md
index 3ab4637..a89971f 100755
--- a/website/blog/2017-04-10-blog-post-two.md
+++ b/website/blog/2017-04-10-blog-post-two.md
@@ -5,14 +5,44 @@ authorURL: http://twitter.com/
 authorFBID: 100002976521003
 ---
 
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus elementum massa eget nulla aliquet sagittis. Proin odio tortor, vulputate ut odio in, ultrices ultricies augue. Cras ornare ultrices lorem malesuada iaculis. Etiam sit amet libero tempor, pulvinar mauris sed, sollicitudin sapien.
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies.
+Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet, consectetur
+adipiscing elit. Vivamus elementum massa eget nulla aliquet sagittis. Proin odio tortor, vulputate
+ut odio in, ultrices ultricies augue. Cras ornare ultrices lorem malesuada iaculis. Etiam sit amet
+libero tempor, pulvinar mauris sed, sollicitudin sapien.
 
 <!--truncate-->
 
-Mauris vestibulum ullamcorper nibh, ut semper purus pulvinar ut. Donec volutpat orci sit amet mauris malesuada, non pulvinar augue aliquam. Vestibulum ultricies at urna ut suscipit. Morbi iaculis, erat at imperdiet semper, ipsum nulla sodales erat, eget tincidunt justo dui quis justo. Pellentesque dictum bibendum diam at aliquet. Sed pulvinar, dolor quis finibus ornare, eros odio facilisis erat, eu rhoncus nunc dui sed ex. Nunc gravida dui massa, sed ornare arcu tincidunt sit amet. Maecenas efficitur sapien neque, a laoreet libero feugiat ut.
+Mauris vestibulum ullamcorper nibh, ut semper purus pulvinar ut. Donec volutpat orci sit amet mauris
+malesuada, non pulvinar augue aliquam. Vestibulum ultricies at urna ut suscipit. Morbi iaculis, erat
+at imperdiet semper, ipsum nulla sodales erat, eget tincidunt justo dui quis justo. Pellentesque
+dictum bibendum diam at aliquet. Sed pulvinar, dolor quis finibus ornare, eros odio facilisis erat,
+eu rhoncus nunc dui sed ex. Nunc gravida dui massa, sed ornare arcu tincidunt sit amet. Maecenas
+efficitur sapien neque, a laoreet libero feugiat ut.
 
-Nulla facilisi. Maecenas sodales nec purus eget posuere. Sed sapien quam, pretium a risus in, porttitor dapibus erat. Sed sit amet fringilla ipsum, eget iaculis augue. Integer sollicitudin tortor quis ultricies aliquam. Suspendisse fringilla nunc in tellus cursus, at placerat tellus scelerisque. Sed tempus elit a sollicitudin rhoncus. Nulla facilisi. Morbi nec dolor dolor. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras et aliquet lectus. Pellentesque sit amet eros nisi. Quisque ac sapien in sapien congue accumsan. Nullam in posuere ante. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin lacinia leo a nibh fringilla pharetra.
+Nulla facilisi. Maecenas sodales nec purus eget posuere. Sed sapien quam, pretium a risus in,
+porttitor dapibus erat. Sed sit amet fringilla ipsum, eget iaculis augue. Integer sollicitudin
+tortor quis ultricies aliquam. Suspendisse fringilla nunc in tellus cursus, at placerat tellus
+scelerisque. Sed tempus elit a sollicitudin rhoncus. Nulla facilisi. Morbi nec dolor dolor. Orci
+varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras et aliquet
+lectus. Pellentesque sit amet eros nisi. Quisque ac sapien in sapien congue accumsan. Nullam in
+posuere ante. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia
+Curae; Proin lacinia leo a nibh fringilla pharetra.
 
-Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin venenatis lectus dui, vel ultrices ante bibendum hendrerit. Aenean egestas feugiat dui id hendrerit. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur in tellus laoreet, eleifend nunc id, viverra leo. Proin vulputate non dolor vel vulputate. Curabitur pretium lobortis felis, sit amet finibus lorem suscipit ut. Sed non mollis risus. Duis sagittis, mi in euismod tincidunt, nunc mauris vestibulum urna, at euismod est elit quis erat. Phasellus accumsan vitae neque eu placerat. In elementum arcu nec tellus imperdiet, eget maximus nulla sodales. Curabitur eu sapien eget nisl sodales fermentum.
+Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin
+venenatis lectus dui, vel ultrices ante bibendum hendrerit. Aenean egestas feugiat dui id hendrerit.
+Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur in
+tellus laoreet, eleifend nunc id, viverra leo. Proin vulputate non dolor vel vulputate. Curabitur
+pretium lobortis felis, sit amet finibus lorem suscipit ut. Sed non mollis risus. Duis sagittis, mi
+in euismod tincidunt, nunc mauris vestibulum urna, at euismod est elit quis erat. Phasellus accumsan
+vitae neque eu placerat. In elementum arcu nec tellus imperdiet, eget maximus nulla sodales.
+Curabitur eu sapien eget nisl sodales fermentum.
 
-Phasellus pulvinar ex id commodo imperdiet. Praesent odio nibh, sollicitudin sit amet faucibus id, placerat at metus. Donec vitae eros vitae tortor hendrerit finibus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Quisque vitae purus dolor. Duis suscipit ac nulla et finibus. Phasellus ac sem sed dui dictum gravida. Phasellus eleifend vestibulum facilisis. Integer pharetra nec enim vitae mattis. Duis auctor, lectus quis condimentum bibendum, nunc dolor aliquam massa, id bibendum orci velit quis magna. Ut volutpat nulla nunc, sed interdum magna condimentum non. Sed urna metus, scelerisque vitae consectetur a, feugiat quis magna. Donec dignissim ornare nisl, eget tempor risus malesuada quis.
+Phasellus pulvinar ex id commodo imperdiet. Praesent odio nibh, sollicitudin sit amet faucibus id,
+placerat at metus. Donec vitae eros vitae tortor hendrerit finibus. Interdum et malesuada fames ac
+ante ipsum primis in faucibus. Quisque vitae purus dolor. Duis suscipit ac nulla et finibus.
+Phasellus ac sem sed dui dictum gravida. Phasellus eleifend vestibulum facilisis. Integer pharetra
+nec enim vitae mattis. Duis auctor, lectus quis condimentum bibendum, nunc dolor aliquam massa, id
+bibendum orci velit quis magna. Ut volutpat nulla nunc, sed interdum magna condimentum non. Sed urna
+metus, scelerisque vitae consectetur a, feugiat quis magna. Donec dignissim ornare nisl, eget tempor
+risus malesuada quis.
diff --git a/website/blog/2017-09-25-testing-rss.md b/website/blog/2017-09-25-testing-rss.md
index b7ff812..13a42f7 100755
--- a/website/blog/2017-09-25-testing-rss.md
+++ b/website/blog/2017-09-25-testing-rss.md
@@ -4,8 +4,11 @@ author: Eric Nakagawa
 authorURL: http://twitter.com/ericnakagawa
 authorFBID: 661277173
 ---
+
 1234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890
 
 This should be truncated.
+
 <!--truncate-->
+
 This line should never render in XML.
diff --git a/website/pages/en/index.js b/website/pages/en/index.js
index 90b1c88..052e20c 100755
--- a/website/pages/en/index.js
+++ b/website/pages/en/index.js
@@ -19,9 +19,9 @@ class HomeSplash extends React.Component {
     const { baseUrl, docsUrl } = siteConfig;
     const docsPart = `${docsUrl ? `${docsUrl}/` : ''}`;
     const langPart = `${language ? `${language}/` : ''}`;
-    const docUrl = doc => `${baseUrl}${docsPart}${langPart}${doc}`;
+    const docUrl = (doc) => `${baseUrl}${docsPart}${langPart}${doc}`;
 
-    const SplashContainer = props => (
+    const SplashContainer = (props) => (
       <div className="homeContainer">
         <div className="homeSplashFade">
           <div className="wrapper homeWrapper">{props.children}</div>
@@ -29,7 +29,7 @@ class HomeSplash extends React.Component {
       </div>
     );
 
-    const Logo = props => (
+    const Logo = (props) => (
       <div className="projectLogo">
         <img src={props.img_src} alt="Project Logo" />
       </div>
@@ -42,7 +42,7 @@ class HomeSplash extends React.Component {
       </h2>
     );
 
-    const PromoSection = props => (
+    const PromoSection = (props) => (
       <div className="section promoSection">
         <div className="promoRow">
           <div className="pluginRowBlock">{props.children}</div>
@@ -50,7 +50,7 @@ class HomeSplash extends React.Component {
       </div>
     );
 
-    const Button = props => (
+    const Button = (props) => (
       <div className="pluginWrapper buttonWrapper">
         <a className="button" href={props.href} target={props.target}>
           {props.children}
@@ -76,7 +76,7 @@ class Index extends React.Component {
     const { config: siteConfig, language = '' } = this.props;
     const { baseUrl } = siteConfig;
 
-    const Block = props => (
+    const Block = (props) => (
       <Container padding={['bottom', 'top']} id={props.id} background={props.background}>
         <GridBlock align="center" contents={props.children} layout={props.layout} />
       </Container>
@@ -160,14 +160,14 @@ class Index extends React.Component {
       }
 
       const showcase = siteConfig.users
-        .filter(user => user.pinned)
-        .map(user => (
+        .filter((user) => user.pinned)
+        .map((user) => (
           <a href={user.infoLink} key={user.infoLink}>
             <img src={user.image} alt={user.caption} title={user.caption} />
           </a>
         ));
 
-      const pageUrl = page => baseUrl + (language ? `${language}/` : '') + page;
+      const pageUrl = (page) => baseUrl + (language ? `${language}/` : '') + page;
 
       return (
         <div className="productShowcaseSection paddingBottom">
diff --git a/website/pages/en/users.js b/website/pages/en/users.js
index 9cc3365..c8b43f4 100755
--- a/website/pages/en/users.js
+++ b/website/pages/en/users.js
@@ -19,7 +19,7 @@ class Users extends React.Component {
     }
 
     const editUrl = `${siteConfig.repoUrl}/edit/master/website/siteConfig.js`;
-    const showcase = siteConfig.users.map(user => (
+    const showcase = siteConfig.users.map((user) => (
       <a href={user.infoLink} key={user.infoLink}>
         <img src={user.image} alt={user.caption} title={user.caption} />
       </a>
diff --git a/website/pages/en/versions.js b/website/pages/en/versions.js
index c9e14ff..1b31a99 100755
--- a/website/pages/en/versions.js
+++ b/website/pages/en/versions.js
@@ -58,7 +58,7 @@ function Versions(props) {
           <table className="versions">
             <tbody>
               {versions.map(
-                version =>
+                (version) =>
                   version !== latestVersion && (
                     <tr>
                       <th>{version}</th>
diff --git a/website/siteConfig.js b/website/siteConfig.js
index ee26f85..ed491af 100755
--- a/website/siteConfig.js
+++ b/website/siteConfig.js
@@ -38,7 +38,10 @@ const siteConfig = {
   //   organizationName: 'JoelMarcey'
 
   // For no header links in the top nav bar -> headerLinks: [],
-  headerLinks: [{ doc: 'intro', label: 'Docs' }, { doc: 'guide-queries', label: 'Recipes' }],
+  headerLinks: [
+    { doc: 'intro', label: 'Docs' },
+    { doc: 'guide-queries', label: 'Recipes' },
+  ],
 
   // If you have users set above, you add it here:
   //  users,
diff --git a/website/static/css/code-block-buttons.css b/website/static/css/code-block-buttons.css
index a53f590..366055c 100644
--- a/website/static/css/code-block-buttons.css
+++ b/website/static/css/code-block-buttons.css
@@ -1,41 +1,41 @@
 /* "Copy" code block button */
 pre {
-    position: relative;
+  position: relative;
 }
 
 pre .btnIcon {
-    position: absolute;
-    top: 4px;
-    right: 4px;
-    z-index: 2;
-    cursor: pointer;
-    border: 1px solid transparent;
-    padding: 5px 10px;
-    color: purple;
-    background-color: transparent;
-    transition: all .25s ease-out;
-    opacity: 0.75;
+  position: absolute;
+  top: 4px;
+  right: 4px;
+  z-index: 2;
+  cursor: pointer;
+  border: 1px solid transparent;
+  padding: 5px 10px;
+  color: purple;
+  background-color: transparent;
+  transition: all 0.25s ease-out;
+  opacity: 0.75;
 }
 
 pre .btnIcon:hover {
-    text-decoration: none;
-    opacity: 1;
+  text-decoration: none;
+  opacity: 1;
 }
 
 .btnIcon__body {
-    align-items: center;
-    display: flex;
+  align-items: center;
+  display: flex;
 }
 
 .btnIcon svg {
-    fill: currentColor;
-    margin-right: .4em;
+  fill: currentColor;
+  margin-right: 0.4em;
 }
 
 .btnIcon__label {
-    font-size: 11px;
+  font-size: 11px;
 }
 
 .btnClipboard {
-    right: 10px;
+  right: 10px;
 }
diff --git a/website/static/css/custom.css b/website/static/css/custom.css
index 13a41d2..08c2159 100755
--- a/website/static/css/custom.css
+++ b/website/static/css/custom.css
@@ -1,22 +1,22 @@
 /* your custom css */
 body {
-    font-family: $fontMain;
-    font-size: 18px;
+  font-family: $fontMain;
+  font-size: 18px;
 }
 
 pre,
 code {
-    font-family: $fontCode;
+  font-family: $fontCode;
 }
 
 .hljs {
-    font-size: 13px;
+  font-size: 13px;
 }
 
 a {
-    color: $secondaryColor;
+  color: $secondaryColor;
 }
 
 .nav-footer {
-    background-color: $primaryColor;
+  background-color: $primaryColor;
 }
diff --git a/website/static/js/code-block-buttons.js b/website/static/js/code-block-buttons.js
index b3b0aa0..5fda143 100644
--- a/website/static/js/code-block-buttons.js
+++ b/website/static/js/code-block-buttons.js
@@ -1,47 +1,44 @@
 // Turn off ESLint for this file because it's sent down to users as-is.
 /* eslint-disable */
-window.addEventListener('load', function() {
+window.addEventListener('load', function () {
   function button(label, ariaLabel, icon, className) {
-    const btn = document.createElement('button')
-    btn.classList.add('btnIcon', className)
-    btn.setAttribute('type', 'button')
-    btn.setAttribute('aria-label', ariaLabel)
+    const btn = document.createElement('button');
+    btn.classList.add('btnIcon', className);
+    btn.setAttribute('type', 'button');
+    btn.setAttribute('aria-label', ariaLabel);
     btn.innerHTML =
       '<div class="btnIcon__body">' +
       icon +
       '<strong class="btnIcon__label">' +
       label +
       '</strong>' +
-      '</div>'
-    return btn
+      '</div>';
+    return btn;
   }
 
   function addButtons(codeBlockSelector, btn) {
-    document.querySelectorAll(codeBlockSelector).forEach(function(code) {
-      code.parentNode.appendChild(btn.cloneNode(true))
-    })
+    document.querySelectorAll(codeBlockSelector).forEach(function (code) {
+      code.parentNode.appendChild(btn.cloneNode(true));
+    });
   }
 
   const copyIcon =
-    '<svg width="12" height="12" viewBox="340 364 14 15" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M342 375.974h4v.998h-4v-.998zm5-5.987h-5v.998h5v-.998zm2 2.994v-1.995l-3 2.993 3 2.994v-1.996h5v-1.995h-5zm-4.5-.997H342v.998h2.5v-.997zm-2.5 2.993h2.5v-.998H342v.998zm9 .998h1v1.996c-.016.28-.11.514-.297.702-.187.187-.422.28-.703.296h-10c-.547 0-1-.452-1-.998v-10.976c0-.546.453-.998 1-.998h3c0-1.107.89-1.996 2-1.996 1.11 0 2 .89 2 1.996h3c.547 0 1 .452 1 .998v4.99h-1v-2.995h-10v8.98h10v-1.996zm-9-7.983h8c0-.544-.453-.996-1-.996h-1c-.547 0-1-.453-1-.998 0-.546-.453-.998-1-.998-.547 0-1 .452-1 .998 0 .545-.453.998-1 .998h-1c-.547 0-1 .452-1 .997z" fill-rule="evenodd"/></svg>'
+    '<svg width="12" height="12" viewBox="340 364 14 15" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M342 375.974h4v.998h-4v-.998zm5-5.987h-5v.998h5v-.998zm2 2.994v-1.995l-3 2.993 3 2.994v-1.996h5v-1.995h-5zm-4.5-.997H342v.998h2.5v-.997zm-2.5 2.993h2.5v-.998H342v.998zm9 .998h1v1.996c-.016.28-.11.514-.297.702-.187.187-.422.28-.703.296h-10c-.547 0-1-.452-1-.998v-10.976c0-.546.453-.998 1-.998h3c0-1.107.89-1.996 2-1.996 1.11 0 2 .89 2 1.996h3c.547 0 1 .452 1 .998v4.99h-1v-2.995h-10v8.98h10v-1.996zm-9-7.983h8c0-.544-.453-.996-1-.996h-1c-.547 0-1-.453-1-.998 0-.546-.453-.998-1-.998-.547 0-1 .452-1 .998 0 .545-.453.998-1 .998h-1c-.547 0-1 .452-1 .997z" fill-rule="evenodd"/></svg>';
 
-  addButtons(
-    '.hljs',
-    button('Copy', 'Copy code to clipboard', copyIcon, 'btnClipboard')
-  )
+  addButtons('.hljs', button('Copy', 'Copy code to clipboard', copyIcon, 'btnClipboard'));
 
   const clipboard = new ClipboardJS('.btnClipboard', {
-    target: function(trigger) {
-      return trigger.parentNode.querySelector('code')
+    target: function (trigger) {
+      return trigger.parentNode.querySelector('code');
     },
-  })
+  });
 
-  clipboard.on('success', function(event) {
-    event.clearSelection()
-    const textEl = event.trigger.querySelector('.btnIcon__label')
-    textEl.textContent = 'Copied!'
-    setTimeout(function() {
-      textEl.textContent = 'Copy'
-    }, 2000)
-  })
-})
+  clipboard.on('success', function (event) {
+    event.clearSelection();
+    const textEl = event.trigger.querySelector('.btnIcon__label');
+    textEl.textContent = 'Copied!';
+    setTimeout(function () {
+      textEl.textContent = 'Copy';
+    }, 2000);
+  });
+});
diff --git a/website/versioned_docs/version-2.0.0/api-queries.md b/website/versioned_docs/version-2.0.0/api-queries.md
index c38616e..8c1aefe 100644
--- a/website/versioned_docs/version-2.0.0/api-queries.md
+++ b/website/versioned_docs/version-2.0.0/api-queries.md
@@ -372,7 +372,7 @@ built-in normalization behavior:
 
 ```javascript
 getByText(node, 'text', {
-  normalizer: str => getDefaultNormalizer({ trim: false })(str).replace(/[\u200E-\u200F]*/g, ''),
+  normalizer: (str) => getDefaultNormalizer({ trim: false })(str).replace(/[\u200E-\u200F]*/g, ''),
 });
 ```
 
@@ -399,7 +399,7 @@ getByText(baseElement, /^hello world$/i); // full string match, ignore case
 getByText(baseElement, /Hello W?oRlD/i); // advanced regex
 
 // Matching with a custom function:
-getByText(baseElement, content => content.startsWith('Hello'));
+getByText(baseElement, (content) => content.startsWith('Hello'));
 ```
 
 **_Will not_ find a match:**
diff --git a/website/versioned_docs/version-2.0.0/example-context.md b/website/versioned_docs/version-2.0.0/example-context.md
index 1b13a97..05256f5 100644
--- a/website/versioned_docs/version-2.0.0/example-context.md
+++ b/website/versioned_docs/version-2.0.0/example-context.md
@@ -30,7 +30,7 @@ test('NameConsumer shows value from provider', () => {
 test('NameProvider composes full name from first, last', () => {
   const tree = (
     <NameProvider first="Boba" last="Fett">
-      <NameContext.Consumer>{value => <Text>Received: {value}</Text>}</NameContext.Consumer>
+      <NameContext.Consumer>{(value) => <Text>Received: {value}</Text>}</NameContext.Consumer>
     </NameProvider>
   );
   const { getByText } = render(tree);
diff --git a/website/versioned_docs/version-2.0.0/example-input-event.md b/website/versioned_docs/version-2.0.0/example-input-event.md
index ff8eb8c..1013d75 100644
--- a/website/versioned_docs/version-2.0.0/example-input-event.md
+++ b/website/versioned_docs/version-2.0.0/example-input-event.md
@@ -15,8 +15,8 @@ class CostInput extends React.Component {
     value: '',
   };
 
-  removeDollarSign = value => (value[0] === '$' ? value.slice(1) : value);
-  getReturnValue = value => (value === '' ? '' : `$${value}`);
+  removeDollarSign = (value) => (value[0] === '$' ? value.slice(1) : value);
+  getReturnValue = (value) => (value === '' ? '' : `$${value}`);
   handleChange = ({ nativeEvent }) => {
     const text = nativeEvent.text;
     const noDollarSign = this.removeDollarSign(text);
diff --git a/website/versioned_docs/version-2.0.0/example-intl.md b/website/versioned_docs/version-2.0.0/example-intl.md
index 23561dc..8d39ab8 100644
--- a/website/versioned_docs/version-2.0.0/example-intl.md
+++ b/website/versioned_docs/version-2.0.0/example-intl.md
@@ -38,7 +38,7 @@ const FormatDateView = () => {
   );
 };
 
-const renderWithReactIntl = component => {
+const renderWithReactIntl = (component) => {
   return {
     ...render(<IntlProvider locale="pt">{component}</IntlProvider>),
   };
diff --git a/website/versioned_docs/version-2.0.0/example-navigation.md b/website/versioned_docs/version-2.0.0/example-navigation.md
index 727405f..517ace8 100644
--- a/website/versioned_docs/version-2.0.0/example-navigation.md
+++ b/website/versioned_docs/version-2.0.0/example-navigation.md
@@ -22,7 +22,7 @@ jest.mock('NativeAnimatedHelper').mock('react-native-gesture-handler', () => {
   };
 });
 
-console.warn = arg => {
+console.warn = (arg) => {
   const warnings = [
     'Calling .measureInWindow()',
     'Calling .measureLayout()',
diff --git a/website/versioned_docs/version-2.0.0/example-redux.md b/website/versioned_docs/version-2.0.0/example-redux.md
index c470804..c73a49b 100644
--- a/website/versioned_docs/version-2.0.0/example-redux.md
+++ b/website/versioned_docs/version-2.0.0/example-redux.md
@@ -35,7 +35,7 @@ class Counter extends React.Component {
   }
 }
 
-const ConnectedCounter = connect(state => ({ count: state.count }))(Counter);
+const ConnectedCounter = connect((state) => ({ count: state.count }))(Counter);
 
 function reducer(state = { count: 0 }, action) {
   switch (action.type) {
diff --git a/website/versioned_docs/version-2.0.0/guide-queries.md b/website/versioned_docs/version-2.0.0/guide-queries.md
index b8e5d16..42a7a26 100644
--- a/website/versioned_docs/version-2.0.0/guide-queries.md
+++ b/website/versioned_docs/version-2.0.0/guide-queries.md
@@ -44,7 +44,7 @@ is what you can do in a case where you are **very** stuck and can't figure out w
 ```javascript
 // react-testing-library
 const { baseElement } = render(<MyComponent />);
-const icons = baseElement.findAll(node => node.props.name === 'menu');
+const icons = baseElement.findAll((node) => node.props.name === 'menu');
 ```
 
 We cannot stress enough that we _do not_ recommend that you do this. Your results will be
diff --git a/website/versioned_docs/version-2.0.0/hook-example-async.md b/website/versioned_docs/version-2.0.0/hook-example-async.md
index 3d7e80b..14fc3b8 100644
--- a/website/versioned_docs/version-2.0.0/hook-example-async.md
+++ b/website/versioned_docs/version-2.0.0/hook-example-async.md
@@ -12,11 +12,11 @@ import { renderHook } from '../../';
 
 const getSomeName = () => Promise.resolve('Betty');
 
-const useName = prefix => {
+const useName = (prefix) => {
   const [name, setName] = useState('nobody');
 
   useEffect(() => {
-    getSomeName().then(theName => {
+    getSomeName().then((theName) => {
       setName(prefix ? `${prefix} ${theName}` : theName);
     });
   }, [prefix]);
diff --git a/website/versioned_docs/version-2.0.0/hook-example-custom.md b/website/versioned_docs/version-2.0.0/hook-example-custom.md
index 3beea21..2ad2d5d 100644
--- a/website/versioned_docs/version-2.0.0/hook-example-custom.md
+++ b/website/versioned_docs/version-2.0.0/hook-example-custom.md
@@ -13,8 +13,8 @@ import { renderHook, act } from '../../';
 function useCounter(initialCount = 0) {
   const [count, setCount] = useState(initialCount);
 
-  const incrementBy = useCallback(n => setCount(count + n), [count]);
-  const decrementBy = useCallback(n => setCount(count - n), [count]);
+  const incrementBy = useCallback((n) => setCount(count + n), [count]);
+  const decrementBy = useCallback((n) => setCount(count - n), [count]);
 
   return { count, incrementBy, decrementBy };
 }
diff --git a/website/versioned_docs/version-2.0.0/hook-example-error.md b/website/versioned_docs/version-2.0.0/hook-example-error.md
index 790fb28..eca12e5 100644
--- a/website/versioned_docs/version-2.0.0/hook-example-error.md
+++ b/website/versioned_docs/version-2.0.0/hook-example-error.md
@@ -51,7 +51,7 @@ test('should not capture error', () => {
 });
 
 test('should reset error', () => {
-  const { result, rerender } = renderHook(throwError => useError(throwError), {
+  const { result, rerender } = renderHook((throwError) => useError(throwError), {
     initialProps: true,
   });
 
@@ -92,7 +92,7 @@ test('should not capture async error', async () => {
 
 test('should reset async error', async () => {
   const { result, waitForNextUpdate, rerender } = renderHook(
-    throwError => useAsyncError(throwError),
+    (throwError) => useAsyncError(throwError),
     {
       initialProps: true,
     },
diff --git a/website/versioned_docs/version-2.0.0/hook-example-test.md b/website/versioned_docs/version-2.0.0/hook-example-test.md
index 22f653e..33deb02 100644
--- a/website/versioned_docs/version-2.0.0/hook-example-test.md
+++ b/website/versioned_docs/version-2.0.0/hook-example-test.md
@@ -61,7 +61,7 @@ test('accepts wrapper option to wrap rendered hook with', () => {
     },
     {
       // eslint-disable-next-line react/display-name
-      wrapper: props => (
+      wrapper: (props) => (
         <ctxA.Provider value={3}>
           <ctxB.Provider value={4} {...props} />
         </ctxA.Provider>
@@ -74,8 +74,8 @@ test('accepts wrapper option to wrap rendered hook with', () => {
 test('returns result ref with latest result from hook execution', () => {
   function useCounter({ initialCount = 0, step = 1 } = {}) {
     const [count, setCount] = React.useState(initialCount);
-    const increment = () => setCount(c => c + step);
-    const decrement = () => setCount(c => c - step);
+    const increment = () => setCount((c) => c + step);
+    const decrement = () => setCount((c) => c - step);
     return { count, increment, decrement };
   }
 
diff --git a/website/versioned_docs/version-3.0.0/api-act.md b/website/versioned_docs/version-3.0.0/api-act.md
index 13ce9c8..cdcd7d9 100644
--- a/website/versioned_docs/version-3.0.0/api-act.md
+++ b/website/versioned_docs/version-3.0.0/api-act.md
@@ -8,6 +8,5 @@ original_id: api-act
 ## `act`
 
 This is a light wrapper around the
-[`react-test-renderer` `act` function](https://reactjs.org/docs/test-renderer.html).
-All it does is forward all arguments to the act function if your version of
-react supports `act`.
+[`react-test-renderer` `act` function](https://reactjs.org/docs/test-renderer.html). All it does is
+forward all arguments to the act function if your version of react supports `act`.
diff --git a/website/versioned_docs/version-3.0.0/api-main.md b/website/versioned_docs/version-3.0.0/api-main.md
index 82fb107..fd4dd2f 100644
--- a/website/versioned_docs/version-3.0.0/api-main.md
+++ b/website/versioned_docs/version-3.0.0/api-main.md
@@ -162,7 +162,7 @@ function TestComponent() {
   const [count, setCount] = React.useState(0);
 
   return (
-    <Button onPress={() => setCount(state => state + 1)} title={`Click to increase: ${count}`} />
+    <Button onPress={() => setCount((state) => state + 1)} title={`Click to increase: ${count}`} />
   );
 }
 
diff --git a/website/versioned_docs/version-3.0.0/api-queries.md b/website/versioned_docs/version-3.0.0/api-queries.md
index 98319eb..0c26183 100644
--- a/website/versioned_docs/version-3.0.0/api-queries.md
+++ b/website/versioned_docs/version-3.0.0/api-queries.md
@@ -353,7 +353,7 @@ built-in normalization behavior:
 
 ```javascript
 getByText(node, 'text', {
-  normalizer: str => getDefaultNormalizer({ trim: false })(str).replace(/[\u200E-\u200F]*/g, ''),
+  normalizer: (str) => getDefaultNormalizer({ trim: false })(str).replace(/[\u200E-\u200F]*/g, ''),
 });
 ```
 
@@ -380,7 +380,7 @@ getByText(baseElement, /^hello world$/i); // full string match, ignore case
 getByText(baseElement, /Hello W?oRlD/i); // advanced regex
 
 // Matching with a custom function:
-getByText(baseElement, content => content.startsWith('Hello'));
+getByText(baseElement, (content) => content.startsWith('Hello'));
 ```
 
 **_Will not_ find a match:**
diff --git a/website/versioned_docs/version-3.0.0/api-test-instance.md b/website/versioned_docs/version-3.0.0/api-test-instance.md
index 3661b8c..70d1ff0 100644
--- a/website/versioned_docs/version-3.0.0/api-test-instance.md
+++ b/website/versioned_docs/version-3.0.0/api-test-instance.md
@@ -41,7 +41,7 @@ similar to `document.querySelectorAll`.
 
 ```javascript
 const { container } = render(<MyComponent />);
-const textNodes = container.findAll(node => node.getProp('accessibilityLabel') === 'hello world');
+const textNodes = container.findAll((node) => node.getProp('accessibilityLabel') === 'hello world');
 
 expect(textNodes).toHaveLength(2);
 ```
diff --git a/website/versioned_docs/version-3.0.0/example-input-event.md b/website/versioned_docs/version-3.0.0/example-input-event.md
index a04baf6..3303c3e 100644
--- a/website/versioned_docs/version-3.0.0/example-input-event.md
+++ b/website/versioned_docs/version-3.0.0/example-input-event.md
@@ -15,8 +15,8 @@ class CostInput extends React.Component {
     value: '',
   };
 
-  removeDollarSign = value => (value[0] === '$' ? value.slice(1) : value);
-  getReturnValue = value => (value === '' ? '' : `$${value}`);
+  removeDollarSign = (value) => (value[0] === '$' ? value.slice(1) : value);
+  getReturnValue = (value) => (value === '' ? '' : `$${value}`);
   handleChange = ({ nativeEvent }) => {
     const text = nativeEvent.text;
     const noDollarSign = this.removeDollarSign(text);
diff --git a/website/versioned_docs/version-3.0.0/example-update-props.md b/website/versioned_docs/version-3.0.0/example-update-props.md
index 2c57054..6481cd0 100644
--- a/website/versioned_docs/version-3.0.0/example-update-props.md
+++ b/website/versioned_docs/version-3.0.0/example-update-props.md
@@ -33,5 +33,4 @@ test('calling render with the same component on the same container does not remo
 
   expect(getByTestId('instance-id').props.children).toEqual(1);
 });
-
 ```
diff --git a/website/versioned_docs/version-4.0.0/api-helpers.md b/website/versioned_docs/version-4.0.0/api-helpers.md
index 6d087c0..2ce9dae 100644
--- a/website/versioned_docs/version-4.0.0/api-helpers.md
+++ b/website/versioned_docs/version-4.0.0/api-helpers.md
@@ -7,11 +7,11 @@ original_id: api-helpers
 
 ## Custom Queries
 
-A few helper functions are exposed that are used internally to implement the default queries. You can
-use the helpers to build custom queries. For example, the code below shows a way to query your
+A few helper functions are exposed that are used internally to implement the default queries. You
+can use the helpers to build custom queries. For example, the code below shows a way to query your
 TestInstance by a `style` prop. Note: test files would need to now import `test-utils.js` instead of
-importing directly from `@testing-library/react-native`. Also note, please never actually implement this helper, it's just an
-example of what's possible.
+importing directly from `@testing-library/react-native`. Also note, please never actually implement
+this helper, it's just an example of what's possible.
 
 ```javascript
 // test-utils.js
diff --git a/website/versioned_docs/version-4.0.0/api-main.md b/website/versioned_docs/version-4.0.0/api-main.md
index 519e62f..9957b9e 100644
--- a/website/versioned_docs/version-4.0.0/api-main.md
+++ b/website/versioned_docs/version-4.0.0/api-main.md
@@ -172,7 +172,7 @@ function TestComponent() {
   const [count, setCount] = React.useState(0);
 
   return (
-    <Button onPress={() => setCount(state => state + 1)} title={`Click to increase: ${count}`} />
+    <Button onPress={() => setCount((state) => state + 1)} title={`Click to increase: ${count}`} />
   );
 }
 
diff --git a/website/versioned_docs/version-4.0.0/api-queries.md b/website/versioned_docs/version-4.0.0/api-queries.md
index 6d6b328..78cd318 100644
--- a/website/versioned_docs/version-4.0.0/api-queries.md
+++ b/website/versioned_docs/version-4.0.0/api-queries.md
@@ -353,7 +353,7 @@ built-in normalization behavior:
 
 ```javascript
 getByText(node, 'text', {
-  normalizer: str => getDefaultNormalizer({ trim: false })(str).replace(/[\u200E-\u200F]*/g, ''),
+  normalizer: (str) => getDefaultNormalizer({ trim: false })(str).replace(/[\u200E-\u200F]*/g, ''),
 });
 ```
 
@@ -380,7 +380,7 @@ getByText(baseElement, /^hello world$/i); // full string match, ignore case
 getByText(baseElement, /Hello W?oRlD/i); // advanced regex
 
 // Matching with a custom function:
-getByText(baseElement, content => content.startsWith('Hello'));
+getByText(baseElement, (content) => content.startsWith('Hello'));
 ```
 
 **_Will not_ find a match:**
diff --git a/website/versioned_docs/version-4.0.0/cheat-sheet.md b/website/versioned_docs/version-4.0.0/cheat-sheet.md
index c093fe7..b0b1f09 100644
--- a/website/versioned_docs/version-4.0.0/cheat-sheet.md
+++ b/website/versioned_docs/version-4.0.0/cheat-sheet.md
@@ -6,8 +6,8 @@ original_id: cheat-sheet
 ---
 
 There is a printable one-page cheat sheet available for you to download. It is intended to be a
-quick reference, but is not a complete API glossary or guide. Keep a copy of it on your
-desk to quickly take a peek at the most commonly used functionality!
+quick reference, but is not a complete API glossary or guide. Keep a copy of it on your desk to
+quickly take a peek at the most commonly used functionality!
 
 [Download the cheat sheet][cheatsheet]
 
diff --git a/website/versioned_docs/version-4.0.0/ecosystem-jest-native.md b/website/versioned_docs/version-4.0.0/ecosystem-jest-native.md
index 237aca5..e26d6a0 100644
--- a/website/versioned_docs/version-4.0.0/ecosystem-jest-native.md
+++ b/website/versioned_docs/version-4.0.0/ecosystem-jest-native.md
@@ -5,8 +5,8 @@ sidebar_label: Jest Matchers
 original_id: ecosystem-jest-native
 ---
 
-[`jest-native`](https://github.com/testing-library/jest-native) is a companion library that
-provides custom element matchers for Jest.
+[`jest-native`](https://github.com/testing-library/jest-native) is a companion library that provides
+custom element matchers for Jest.
 
 ```
 npm install --save-dev jest-native
diff --git a/website/versioned_docs/version-4.0.0/example-context.md b/website/versioned_docs/version-4.0.0/example-context.md
index f9b0dc2..7a774e5 100644
--- a/website/versioned_docs/version-4.0.0/example-context.md
+++ b/website/versioned_docs/version-4.0.0/example-context.md
@@ -30,7 +30,7 @@ test('NameConsumer shows value from provider', () => {
 test('NameProvider composes full name from first, last', () => {
   const tree = (
     <NameProvider first="Boba" last="Fett">
-      <NameContext.Consumer>{value => <Text>Received: {value}</Text>}</NameContext.Consumer>
+      <NameContext.Consumer>{(value) => <Text>Received: {value}</Text>}</NameContext.Consumer>
     </NameProvider>
   );
   const { getByText } = render(tree);
diff --git a/website/versioned_docs/version-4.0.0/example-input-event.md b/website/versioned_docs/version-4.0.0/example-input-event.md
index 31db533..ae93f46 100644
--- a/website/versioned_docs/version-4.0.0/example-input-event.md
+++ b/website/versioned_docs/version-4.0.0/example-input-event.md
@@ -15,8 +15,8 @@ class CostInput extends React.Component {
     value: '',
   };
 
-  removeDollarSign = value => (value[0] === '$' ? value.slice(1) : value);
-  getReturnValue = value => (value === '' ? '' : `$${value}`);
+  removeDollarSign = (value) => (value[0] === '$' ? value.slice(1) : value);
+  getReturnValue = (value) => (value === '' ? '' : `$${value}`);
   handleChange = ({ nativeEvent }) => {
     const text = nativeEvent.text;
     const noDollarSign = this.removeDollarSign(text);
diff --git a/website/versioned_docs/version-4.0.0/example-intl.md b/website/versioned_docs/version-4.0.0/example-intl.md
index 410eceb..6e85777 100644
--- a/website/versioned_docs/version-4.0.0/example-intl.md
+++ b/website/versioned_docs/version-4.0.0/example-intl.md
@@ -38,7 +38,7 @@ const FormatDateView = () => {
   );
 };
 
-const renderWithReactIntl = component => {
+const renderWithReactIntl = (component) => {
   return {
     ...render(<IntlProvider locale="pt">{component}</IntlProvider>),
   };
diff --git a/website/versioned_docs/version-4.0.0/example-navigation.md b/website/versioned_docs/version-4.0.0/example-navigation.md
index 633d392..b062962 100644
--- a/website/versioned_docs/version-4.0.0/example-navigation.md
+++ b/website/versioned_docs/version-4.0.0/example-navigation.md
@@ -22,7 +22,7 @@ jest.mock('NativeAnimatedHelper').mock('react-native-gesture-handler', () => {
   };
 });
 
-console.warn = arg => {
+console.warn = (arg) => {
   const warnings = [
     'Calling .measureInWindow()',
     'Calling .measureLayout()',
diff --git a/website/versioned_docs/version-4.0.0/example-redux.md b/website/versioned_docs/version-4.0.0/example-redux.md
index 6f73e93..48d27cb 100644
--- a/website/versioned_docs/version-4.0.0/example-redux.md
+++ b/website/versioned_docs/version-4.0.0/example-redux.md
@@ -35,7 +35,7 @@ class Counter extends React.Component {
   }
 }
 
-const ConnectedCounter = connect(state => ({ count: state.count }))(Counter);
+const ConnectedCounter = connect((state) => ({ count: state.count }))(Counter);
 
 function reducer(state = { count: 0 }, action) {
   switch (action.type) {
diff --git a/website/versioned_docs/version-4.0.0/install.md b/website/versioned_docs/version-4.0.0/install.md
index c3e3d3e..1075deb 100644
--- a/website/versioned_docs/version-4.0.0/install.md
+++ b/website/versioned_docs/version-4.0.0/install.md
@@ -13,16 +13,17 @@ This module should be installed in your project's `devDependencies`:
 npm install --save-dev @testing-library/react-native
 ```
 
-You will need `react`, `react-native`, and `react-test-renderer` installed as _dependencies_ in order to run this project.
+You will need `react`, `react-native`, and `react-test-renderer` installed as _dependencies_ in
+order to run this project.
 
 ## Jest preset
 
 > It is **highly recommended** that you use the bundled Jest preset. You will likely experience
 > unexpected behavior and have a sub-optimal experience if you do not use the preset.
 
-This library includes an easy to adopt and reliable Jest preset to maximize the
-confidence you have in your tests. It extends the `react-native` preset, and was created order to
-more closely mimic behavior you would expect from any other member of the `testing-library` family.
+This library includes an easy to adopt and reliable Jest preset to maximize the confidence you have
+in your tests. It extends the `react-native` preset, and was created order to more closely mimic
+behavior you would expect from any other member of the `testing-library` family.
 
 ```diff
 // jest.config.js
@@ -44,8 +45,8 @@ module.exports = Object.assign(expoPreset, jestPreset, {
 });
 ```
 
-> If you use Expo, be sure to include the Expo setup files before this library's setup
-> files! If you're using React Native, there's no need to do anything extra.
+> If you use Expo, be sure to include the Expo setup files before this library's setup files! If
+> you're using React Native, there's no need to do anything extra.
 
 Generally speaking though, it's better to include any setup files you have in the
 `setupFilesAfterEnv` key of your Jest config.
diff --git a/website/versioned_docs/version-4.0.0/intro.md b/website/versioned_docs/version-4.0.0/intro.md
index 8fb5496..4ce8c55 100644
--- a/website/versioned_docs/version-4.0.0/intro.md
+++ b/website/versioned_docs/version-4.0.0/intro.md
@@ -15,16 +15,17 @@ Native.
 
 ## This solution
 
-React Native Testing Library (RNTL) is an implementation of the well-known Testing Library API that works
-for React Native. The primary goal is to mimic the testing library API as closely as possible while
-still accounting for the differences in the platforms. Accomplishing this is no small feat because
-of the differences between the two platforms. Although most framework implementations like React
-Testing Library (RTL) are thin layers over [DOM Testing Library (DTL)](https://testing-library.com),
-this library needed to have its own base implementation as well as a user-facing API. This library
-uses the [react-test-renderer](https://reactjs.org/docs/test-renderer.html), whereas DOM Testing
-Library (DTL) uses JSDOM. The main philosophy here is that you should find elements on the "screen"
-the way users would. This approach is meant to give you confidence that your app is working as a
-cohesive unit. Testing Library's primary philosophy is:
+React Native Testing Library (RNTL) is an implementation of the well-known Testing Library API that
+works for React Native. The primary goal is to mimic the testing library API as closely as possible
+while still accounting for the differences in the platforms. Accomplishing this is no small feat
+because of the differences between the two platforms. Although most framework implementations like
+React Testing Library (RTL) are thin layers over
+[DOM Testing Library (DTL)](https://testing-library.com), this library needed to have its own base
+implementation as well as a user-facing API. This library uses the
+[react-test-renderer](https://reactjs.org/docs/test-renderer.html), whereas DOM Testing Library
+(DTL) uses JSDOM. The main philosophy here is that you should find elements on the "screen" the way
+users would. This approach is meant to give you confidence that your app is working as a cohesive
+unit. Testing Library's primary philosophy is:
 
 > [The more your tests resemble the way your software is used, the more confidence they can give you.](guiding-principles.md)
 
diff --git a/website/versioned_docs/version-4.0.0/setup.md b/website/versioned_docs/version-4.0.0/setup.md
index 9b757c8..d0e67dc 100644
--- a/website/versioned_docs/version-4.0.0/setup.md
+++ b/website/versioned_docs/version-4.0.0/setup.md
@@ -7,8 +7,8 @@ original_id: setup
 
 ## Setting up your project
 
-The API should work out of the box for most tests. All of the snippets you'll find throughout
-the website work without any additional configuration assuming you use Jest and a moderately recent
+The API should work out of the box for most tests. All of the snippets you'll find throughout the
+website work without any additional configuration assuming you use Jest and a moderately recent
 version of React Native.
 
 We strongly encourage you to use Jest with the `@testing-library/react-native` preset. The
@@ -40,9 +40,9 @@ module.exports = {
 
 It's often useful to define a custom render method that includes things like global context
 providers, data stores, etc. To make this available globally, one approach is to define a utility
-file that re-exports everything from this library. You can replace `@testing-library/react-native` with this
-file in all your imports. See [below](#configuring-jest-with-test-utils) for a way to make your test
-util file accessible without using relative paths.
+file that re-exports everything from this library. You can replace `@testing-library/react-native`
+with this file in all your imports. See [below](#configuring-jest-with-test-utils) for a way to make
+your test util file accessible without using relative paths.
 
 The example below sets up data providers using the [`wrapper`](api-main.md#render-options) option to
 `render`.
diff --git a/website/versioned_sidebars/version-2.0.0-sidebars.json b/website/versioned_sidebars/version-2.0.0-sidebars.json
index 4712465..3d62f75 100644
--- a/website/versioned_sidebars/version-2.0.0-sidebars.json
+++ b/website/versioned_sidebars/version-2.0.0-sidebars.json
@@ -17,15 +17,10 @@
       "version-2.0.0-api-render-hook",
       "version-2.0.0-api-act"
     ],
-    "Ecosystem": [
-      "version-2.0.0-ecosystem-jest-native"
-    ]
+    "Ecosystem": ["version-2.0.0-ecosystem-jest-native"]
   },
   "version-2.0.0-recipes": {
-    "Guides": [
-      "version-2.0.0-guide-queries",
-      "version-2.0.0-guide-disappearance"
-    ],
+    "Guides": ["version-2.0.0-guide-queries", "version-2.0.0-guide-disappearance"],
     "Examples": [
       "version-2.0.0-example-context",
       "version-2.0.0-example-input-event",
diff --git a/website/versioned_sidebars/version-3.0.0-sidebars.json b/website/versioned_sidebars/version-3.0.0-sidebars.json
index 8c08746..8bdecad 100644
--- a/website/versioned_sidebars/version-3.0.0-sidebars.json
+++ b/website/versioned_sidebars/version-3.0.0-sidebars.json
@@ -16,15 +16,10 @@
       "version-3.0.0-api-async",
       "version-3.0.0-api-helpers"
     ],
-    "Ecosystem": [
-      "version-3.0.0-ecosystem-jest-native"
-    ]
+    "Ecosystem": ["version-3.0.0-ecosystem-jest-native"]
   },
   "version-3.0.0-recipes": {
-    "Guides": [
-      "version-3.0.0-guide-queries",
-      "version-3.0.0-guide-disappearance"
-    ],
+    "Guides": ["version-3.0.0-guide-queries", "version-3.0.0-guide-disappearance"],
     "Examples": [
       "version-3.0.0-example-context",
       "version-3.0.0-example-input-event",
diff --git a/website/versions.json b/website/versions.json
index 4693e83..d56568f 100644
--- a/website/versions.json
+++ b/website/versions.json
@@ -1,5 +1 @@
-[
-  "4.0.0",
-  "3.0.0",
-  "2.0.0"
-]
+["4.0.0", "3.0.0", "2.0.0"]