Merge pull request #53 from alexkrolick/rtl-streamline

react testing library tweaks

Author: alexkrolick

docs/example-external.md

@@ -4,5 +4,16 @@ title: External Examples
 sidebar_label: External Examples
 ---
 
-You can find more react-testing-library examples at
-[react-testing-examples.com](https://react-testing-examples.com/jest-rtl/).
+## Code Samples
+
+- You can find more react-testing-library examples at
+  [react-testing-examples.com](https://react-testing-examples.com/jest-rtl/).
+
+## Videos
+
+- [What is React Testing Library?](https://youtu.be/JKOwJUM4_RM) by Scott
+  Tolinski
+
+<a href="https://youtu.be/JKOwJUM4_RM">
+  <img width="200px" alt="what is react testing library" src='https://img.youtube.com/vi/JKOwJUM4_RM/0.jpg' style="margin-left: 36px" />
+</a>

docs/react-testing-library/example-intro.md

@@ -44,7 +44,11 @@ test('loads and displays greeting', async () => {
 })
 ```
 
-## Imports
+---
+
+## Step-By-Step
+
+### Imports
 
 ```jsx
 // import dependencies
@@ -69,8 +73,6 @@ import axiosMock from 'axios'
 import Fetch from '../fetch'
 ```
 
-## Test
-
 ```jsx
 // automatically unmount and cleanup DOM after the test is finished.
 afterEach(cleanup)
@@ -84,8 +86,8 @@ test('loads and displays greeting', async () => {
 
 ### Arrange
 
-The [`render`](./api#render) method renders a React
-element into the DOM and returns utility functions for testing the component.
+The [`render`](./api#render) method renders a React element into the DOM and
+returns utility functions for testing the component.
 
 ```jsx
 const url = '/greeting'

docs/react-testing-library/intro.md

@@ -63,7 +63,11 @@ facilitate testing implementation details). Read more about this in
 > NOTE: This library is built on top of [`dom-testing-library`](/) which is
 > where most of the logic behind the queries is.
 
-## What is react-testing-library?
+## Video
 
-Have a look at the video below for an explanation. <br/><br/>
-[![what is react testing library](https://img.youtube.com/vi/JKOwJUM4_RM/0.jpg)](https://youtu.be/JKOwJUM4_RM 'what is react testing library')
+Have a look at the "What is React Testing library?" video below for an
+introduction to the library.
+
+<a href="https://youtu.be/JKOwJUM4_RM">
+  <img width="200px" alt="what is react testing library" src='https://img.youtube.com/vi/JKOwJUM4_RM/0.jpg' style="margin-left: 0" />
+</a>