From 6c8d190275199692a9247a701be0825a94385d35 Mon Sep 17 00:00:00 2001
From: Alex Krolick <akrolick@box.com>
Date: Wed, 13 Feb 2019 01:50:01 -0800
Subject: [PATCH 1/7] condense sidebar elements with only one child to a single
 nav entry

---
 website/sidebars.json         | 28 ++++------------------------
 website/static/css/custom.css | 14 ++++++++------
 2 files changed, 12 insertions(+), 30 deletions(-)

diff --git a/website/sidebars.json b/website/sidebars.json
index ff964705e..cbeb06325 100755
--- a/website/sidebars.json
+++ b/website/sidebars.json
@@ -32,35 +32,15 @@
           "react-testing-library/faq"
         ]
       },
-      {
-        "type": "subcategory",
-        "label": "Cypress Testing Library",
-        "ids": ["cypress-testing-library/intro"]
-      },
-      {
-        "type": "subcategory",
-        "label": "Vue Testing Library",
-        "ids": ["vue-testing-library/intro"]
-      },
-      {
-        "type": "subcategory",
-        "label": "Angular Testing Library",
-        "ids": ["angular-testing-library/intro"]
-      },
-      {
-        "type": "subcategory",
-        "label": "Reason Testing Library",
-        "ids": [
-          "bs-dom-testing-library/intro",
-          "bs-dom-testing-library/example-intro"
-        ]
-      },
+      "cypress-testing-library/intro",
+      "vue-testing-library/intro",
+      "angular-testing-library/intro",
       {
         "type": "subcategory",
         "label": "ReasonReact Testing Library",
         "ids": [
           "bs-react-testing-library/intro",
-          "bs-react-testing-library/example-intro"
+          "bs-react-testing-library/examples"
         ]
       }
     ],
diff --git a/website/static/css/custom.css b/website/static/css/custom.css
index 0c9261323..ba796b8d2 100755
--- a/website/static/css/custom.css
+++ b/website/static/css/custom.css
@@ -4,8 +4,8 @@ body {
   font-size: 18px;
 }
 
-
-pre, code {
+pre,
+code {
   font-family: $fontCode;
 }
 
@@ -39,7 +39,7 @@ a {
 
 /* Change styling of selected navigation item */
 .container .docsNavContainer {
-  padding-left: 12px
+  padding-left: 12px;
 }
 
 .navListItemActive {
@@ -50,14 +50,16 @@ a {
   color: red !important;
 }
 
-.navListItem {
+.navListItem,
+.subNavGroup {
   padding-left: 1rem !important;
 }
 
 .navListItem.navListItemActive:before {
-  content: "🐙";
+  content: '🐙';
   position: absolute;
-  left: -8px;
+  left: -0.5rem;
+  bottom: 0;
 }
 
 /* Change styling of logos in showcaseSection */

From 561fcf168d0d2940633dbeb8dcb7c22a347b0acd Mon Sep 17 00:00:00 2001
From: Alex Krolick <akrolick@box.com>
Date: Wed, 13 Feb 2019 01:50:52 -0800
Subject: [PATCH 2/7] add full titles for shorter lib docs

---
 docs/angular-testing-library/intro.md | 2 +-
 docs/cypress-testing-library/intro.md | 2 +-
 docs/react-testing-library/intro.md   | 3 ++-
 docs/vue-testing-library/intro.md     | 2 +-
 4 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/docs/angular-testing-library/intro.md b/docs/angular-testing-library/intro.md
index b6db0d012..60d07de29 100644
--- a/docs/angular-testing-library/intro.md
+++ b/docs/angular-testing-library/intro.md
@@ -1,6 +1,6 @@
 ---
 id: intro
-title: Introduction
+title: Angular Testing Library
 ---
 
 [`@angular-extensions/testing-library`][gh] is an [Angular][angular] adapter
diff --git a/docs/cypress-testing-library/intro.md b/docs/cypress-testing-library/intro.md
index c0fd68b0a..c32b86a6e 100644
--- a/docs/cypress-testing-library/intro.md
+++ b/docs/cypress-testing-library/intro.md
@@ -1,6 +1,6 @@
 ---
 id: intro
-title: Introduction
+title: Cypress Testing Library
 ---
 
 [`cypress-testing-library`][gh] allows the use of dom-testing queries within
diff --git a/docs/react-testing-library/intro.md b/docs/react-testing-library/intro.md
index 56d09b432..7404029f2 100644
--- a/docs/react-testing-library/intro.md
+++ b/docs/react-testing-library/intro.md
@@ -1,6 +1,7 @@
 ---
 id: intro
-title: Introduction
+title: React Testing Library
+sidebar_label: Introduction
 ---
 
 [`react-testing-library`][gh] builds on top of `dom-testing-library` by adding
diff --git a/docs/vue-testing-library/intro.md b/docs/vue-testing-library/intro.md
index 6740d79c2..7cbd746e3 100644
--- a/docs/vue-testing-library/intro.md
+++ b/docs/vue-testing-library/intro.md
@@ -1,6 +1,6 @@
 ---
 id: intro
-title: Introduction
+title: Vue Testing Library
 ---
 
 [`vue-testing-library`][gh] is a lightweight adapter allowing

From 33c9161726ed5466b60f3d98f825a142ac7f8a41 Mon Sep 17 00:00:00 2001
From: Alex Krolick <akrolick@box.com>
Date: Wed, 13 Feb 2019 01:51:33 -0800
Subject: [PATCH 3/7] condense reason docs and add more links to reasonml docs

---
 docs/bs-dom-testing-library/intro.md          | 59 ------------------
 .../bs-react-testing-library/example-intro.md | 28 ---------
 .../examples.md}                              | 38 +++++++++---
 docs/bs-react-testing-library/intro.md        | 61 +++++++++++++++++--
 docs/ecosystem-bs-jest-dom.md                 |  9 ++-
 5 files changed, 92 insertions(+), 103 deletions(-)
 delete mode 100644 docs/bs-dom-testing-library/intro.md
 delete mode 100644 docs/bs-react-testing-library/example-intro.md
 rename docs/{bs-dom-testing-library/example-intro.md => bs-react-testing-library/examples.md} (82%)

diff --git a/docs/bs-dom-testing-library/intro.md b/docs/bs-dom-testing-library/intro.md
deleted file mode 100644
index 4198a67c2..000000000
--- a/docs/bs-dom-testing-library/intro.md
+++ /dev/null
@@ -1,59 +0,0 @@
----
-id: intro
-title: Introduction
----
-
-[`bs-dom-testing-library`][gh] contains [BuckleScript][bs] bindings for
-`dom-testing-library`.
-
-```
-npm install --save-dev bs-dom-testing-library
-```
-
-- [bs-dom-testing-library on GitHub][gh]
-
-[gh]: https://github.com/wyze/bs-dom-testing-library
-
-## Setup
-
-After installation, you will need to add it to your `bsconfig.json` file like
-so:
-
-```json
-{
-  "bs-dev-dependencies": ["bs-dom-testing-library"]
-}
-```
-
-## Other Dependencies
-
-### bs-platform
-
-This is what [BuckleScript][bs] uses to compile the [Reason][re] code to JS. If
-it is not in your project you can install it like so:
-
-```
-npm install --save-dev bs-platform
-```
-
-### bs-jest
-
-This is the recommended test runner and is a wrapper around Jest. All of the
-examples here will be using it.
-
-- [bs-jest on GitHub](https://github.com/glennsl/bs-jest)
-
-```
-npm install --save-dev @glennsl/bs-jest
-```
-
-Then update `bsconfig.json`:
-
-```json
-{
-  "bs-dev-dependencies": ["@glennsl/bs-jest"]
-}
-```
-
-[bs]: https://bucklescript.github.io/
-[re]: https://reasonml.github.io/
diff --git a/docs/bs-react-testing-library/example-intro.md b/docs/bs-react-testing-library/example-intro.md
deleted file mode 100644
index 164da0e52..000000000
--- a/docs/bs-react-testing-library/example-intro.md
+++ /dev/null
@@ -1,28 +0,0 @@
----
-id: example-intro
-title: Example
----
-
-## Basic
-
-```reason
-/* Component_test.re */
-
-open Jest;
-open Expect;
-open ReactTestingLibrary;
-
-test("Component renders", () =>
-  <div style=ReactDOMRe.Style.make(~color="rebeccapurple", ())>
-    <h1> {ReasonReact.string("Heading")} </h1>
-  </div>
-  |> render
-  |> expect
-  |> toMatchSnapshot
-);
-```
-
-## More
-
-You can find more bs-react-testing-library examples at
-[wyze/bs-react-testing-library/src/\_\_tests\_\_](https://github.com/wyze/bs-react-testing-library/tree/master/src/__tests__).
diff --git a/docs/bs-dom-testing-library/example-intro.md b/docs/bs-react-testing-library/examples.md
similarity index 82%
rename from docs/bs-dom-testing-library/example-intro.md
rename to docs/bs-react-testing-library/examples.md
index fdc152eb7..e32656cf1 100644
--- a/docs/bs-dom-testing-library/example-intro.md
+++ b/docs/bs-react-testing-library/examples.md
@@ -1,13 +1,40 @@
 ---
-id: example-intro
-title: Example
+id: examples
+title: Examples
 ---
 
+You can find more bs-dom-testing-library examples at
+[wyze/bs-dom-testing-library/src/\_\_tests\_\_](https://github.com/wyze/bs-dom-testing-library/tree/master/src/__tests__).
+
+You can find more bs-react-testing-library examples at
+[wyze/bs-react-testing-library/src/\_\_tests\_\_](https://github.com/wyze/bs-react-testing-library/tree/master/src/__tests__).
+
+## React Testing Library
+
+```reason
+/* Component_test.re */
+
+open Jest;
+open Expect;
+open ReactTestingLibrary;
+
+test("Component renders", () =>
+  <div style=ReactDOMRe.Style.make(~color="rebeccapurple", ())>
+    <h1> {ReasonReact.string("Heading")} </h1>
+  </div>
+  |> render
+  |> expect
+  |> toMatchSnapshot
+);
+```
+
+## DOM Testing Library
+
 The below examples use
 [`bs-webapi`](https://github.com/reasonml-community/bs-webapi-incubator) to help
 with typings and creating events.
 
-## getByText
+### getByText
 
 ```reason
 /* __tests__/example_test.re */
@@ -104,8 +131,3 @@ describe("FireEvent", () => {
   });
 });
 ```
-
-## More
-
-You can find more bs-dom-testing-library examples at
-[wyze/bs-dom-testing-library/src/\_\_tests\_\_](https://github.com/wyze/bs-dom-testing-library/tree/master/src/__tests__).
diff --git a/docs/bs-react-testing-library/intro.md b/docs/bs-react-testing-library/intro.md
index 0ff7398c4..13a74fde1 100644
--- a/docs/bs-react-testing-library/intro.md
+++ b/docs/bs-react-testing-library/intro.md
@@ -1,27 +1,76 @@
 ---
 id: intro
-title: Introduction
+title: Reason Testing Library
+sidebar_label: Introduction
 ---
 
-[`bs-react-testing-library`][gh] contains
+Bindings for several testing libraries have been ported to [ReasonML][re].
+
+[`bs-react-testing-library`][gh-react] contains
 [BuckleScript](https://bucklescript.github.io/) bindings for
 `react-testing-library`.
 
+[`bs-dom-testing-library`][gh-dom] contains [BuckleScript][bs] bindings for
+`dom-testing-library`.
+
 ```
+npm install --save-dev bs-dom-testing-library
 npm install --save-dev bs-react-testing-library
 ```
 
-- [bs-react-testing-library on GitHub][gh]
+- [bs-react-testing-library on GitHub][gh-react]
+- [bs-dom-testing-library on GitHub][gh-dom]
 
-[gh]: https://github.com/wyze/bs-react-testing-library
+[gh-dom]: https://github.com/wyze/bs-dom-testing-library
+[gh-react]: https://github.com/wyze/bs-react-testing-library
 
 ## Setup
 
-After installation, you will need to add it to your `bsconfig.json` file like
-so:
+After installation, you will need the packages `bsconfig.json` file like so:
 
 ```json
 {
   "bs-dev-dependencies": ["bs-react-testing-library"]
 }
 ```
+
+_or_
+
+```json
+{
+  "bs-dev-dependencies": ["bs-dom-testing-library"]
+}
+```
+
+## Other Dependencies
+
+### bs-platform
+
+This is what [BuckleScript][bs] uses to compile the [Reason][re] code to JS. If
+it is not in your project you can install it like so:
+
+```
+npm install --save-dev bs-platform
+```
+
+### bs-jest
+
+This is the recommended test runner and is a wrapper around Jest. All of the
+examples here will be using it.
+
+- [bs-jest on GitHub](https://github.com/glennsl/bs-jest)
+
+```
+npm install --save-dev @glennsl/bs-jest
+```
+
+Then update `bsconfig.json`:
+
+```json
+{
+  "bs-dev-dependencies": ["@glennsl/bs-jest"]
+}
+```
+
+[bs]: https://bucklescript.github.io/
+[re]: https://reasonml.github.io/
diff --git a/docs/ecosystem-bs-jest-dom.md b/docs/ecosystem-bs-jest-dom.md
index d0b49d3c5..cab12eed1 100644
--- a/docs/ecosystem-bs-jest-dom.md
+++ b/docs/ecosystem-bs-jest-dom.md
@@ -3,8 +3,10 @@ id: ecosystem-bs-jest-dom
 title: bs-jest-dom
 ---
 
-[`bs-jest-dom`][gh] is a companion library for `bs-react-testing-library` that
-provides custom DOM element matchers for Jest
+[`bs-jest-dom`][gh] is a companion library for
+[`bs-react-testing-library`](/docs/bs-react-testing-library/intro) that provides
+custom DOM element matchers for Jest in [ReasonML][re] via
+[BuckleScript][bucklescript].
 
 ```
 npm install --save-dev bs-jest-dom
@@ -57,3 +59,6 @@ test("renders with text", () =>
 
 You can find more bs-jest-dom examples at
 [wyze/bs-jest-dom/src/\_\_tests\_\_](https://github.com/wyze/bs-jest-dom/tree/master/src/__tests__).
+
+[re]: https://reasonml.github.io/
+[bucklescript]: https://bucklescript.github.io/

From 5fb71e7ff7b2b236410e64454adb1cd6ec3225a2 Mon Sep 17 00:00:00 2001
From: Alex Krolick <akrolick@box.com>
Date: Wed, 13 Feb 2019 02:01:12 -0800
Subject: [PATCH 4/7] fix unreadable link color

---
 website/siteConfig.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/website/siteConfig.js b/website/siteConfig.js
index 0c30faf91..68f4e3465 100755
--- a/website/siteConfig.js
+++ b/website/siteConfig.js
@@ -95,7 +95,7 @@ const siteConfig = {
   /* Colors for website */
   colors: {
     primaryColor: '#292422',
-    secondaryColor: '#3344bb',
+    secondaryColor: '#2468e5',
   },
 
   // Add custom scripts here that would be placed in <script> tags.

From 80f3ac654e721e9d16d80cdaab0568cc686b6972 Mon Sep 17 00:00:00 2001
From: Alex Krolick <akrolick@box.com>
Date: Wed, 13 Feb 2019 02:01:21 -0800
Subject: [PATCH 5/7] fix homepage layout

---
 website/pages/en/index.js | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/website/pages/en/index.js b/website/pages/en/index.js
index f6c62b8c2..7f0cdedaf 100755
--- a/website/pages/en/index.js
+++ b/website/pages/en/index.js
@@ -182,41 +182,35 @@ class Index extends React.Component {
     )
 
     const Ecosystem = () => (
-      <Block layout="fourColumn" background={null}>
+      <Block layout="threeColumn" background={null}>
         {[
           {
-            content: 'For testing React Components',
             image: `${baseUrl}img/react-128x128.png`,
             imageAlign: 'top',
             title: '[React Testing Library](./react)',
           },
           {
-            content: 'End-to-End Tests',
             image: `${baseUrl}img/evergreen-128x128.png`,
             imageAlign: 'top',
             title: '[Cypress Testing Library](./cypress)',
           },
           {
-            content: 'For testing Vue Components',
             image: `${baseUrl}img/vue-400x400.png`,
             imageAlign: 'top',
             title: '[Vue Testing Library](./vue)',
           },
           {
-            content: 'For testing Angular Components',
             image: `${baseUrl}img/angular-250x250.png`,
             imageAlign: 'top',
             title: '[Angular Testing Library](./angular)',
           },
           {
-            content: 'For testing ReasonReact Components',
             image: `${baseUrl}img/reason-200x200.png`,
             imageAlign: 'top',
             title:
               '[ReasonReact Testing Library](./docs/bs-react-testing-library/intro)',
           },
           {
-            content: 'Explore the ecosystem',
             image: `${baseUrl}img/construction-128x128.png`,
             imageAlign: 'top',
             title: '[And more...](./docs/ecosystem-user-event)',

From 563871a96c077584476ad04e429251e305875fb9 Mon Sep 17 00:00:00 2001
From: Alex Krolick <akrolick@box.com>
Date: Wed, 13 Feb 2019 02:01:31 -0800
Subject: [PATCH 6/7] fix broken svg

---
 website/static/img/users/codecademy.svg | 1 -
 1 file changed, 1 deletion(-)

diff --git a/website/static/img/users/codecademy.svg b/website/static/img/users/codecademy.svg
index b4bac901f..73878b00a 100644
--- a/website/static/img/users/codecademy.svg
+++ b/website/static/img/users/codecademy.svg
@@ -1,4 +1,3 @@
-
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg
    xmlns:dc="http://purl.org/dc/elements/1.1/"

From e9723f85a1a0dcd72ee66f69fc9c488fa50aae7e Mon Sep 17 00:00:00 2001
From: Neil Kistner <neil.kistner@gmail.com>
Date: Wed, 13 Feb 2019 09:50:04 -0800
Subject: [PATCH 7/7] Update docs/bs-react-testing-library/examples.md

Co-Authored-By: alexkrolick <alexkrolick@users.noreply.github.com>
---
 docs/bs-react-testing-library/examples.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/docs/bs-react-testing-library/examples.md b/docs/bs-react-testing-library/examples.md
index e32656cf1..ce8d544a7 100644
--- a/docs/bs-react-testing-library/examples.md
+++ b/docs/bs-react-testing-library/examples.md
@@ -23,6 +23,7 @@ test("Component renders", () =>
     <h1> {ReasonReact.string("Heading")} </h1>
   </div>
   |> render
+  |> container
   |> expect
   |> toMatchSnapshot
 );