From 069b5a5cde8ea20a693acbaa129342137d08a75a Mon Sep 17 00:00:00 2001
From: Michele Bertoli <MicheleBertoli@users.noreply.github.com>
Date: Fri, 11 Nov 2016 14:37:52 +0000
Subject: [PATCH 1/2] Make the Shallow Rendering example clearer

I was reading through the documentation, and I found that the `render` call on the `renderer` was missing.
---
 docs/docs/addons-test-utils.md | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/docs/docs/addons-test-utils.md b/docs/docs/addons-test-utils.md
index ddd3a3405918..f2c7441bfdd4 100644
--- a/docs/docs/addons-test-utils.md
+++ b/docs/docs/addons-test-utils.md
@@ -53,20 +53,24 @@ Call [`createRenderer()`](#createrenderer) in your tests to create a shallow ren
 
 After `shallowRenderer.render()` has been called, you can use [`shallowRenderer.getRenderOutput()`](#shallowrenderer.getrenderoutput) to get the shallowly rendered output.
 
-You can then begin to assert facts about the output. For example, if your component's render method returns:
+You can then begin to assert facts about the output. For example, if you have the following component:
 
 ```javascript
-<div>
-  <span className="heading">Title</span>
-  <Subcomponent foo="bar" />
-</div>
+const MyComponent = () => (
+  <div>
+    <span className="heading">Title</span>
+    <Subcomponent foo="bar" />
+  </div>
+);
 ```
 
 Then you can assert:
 
 ```javascript
 const renderer = ReactTestUtils.createRenderer();
-result = renderer.getRenderOutput();
+renderer.render(<MyComponent />);
+const result = renderer.getRenderOutput();
+
 expect(result.type).toBe('div');
 expect(result.props.children).toEqual([
   <span className="heading">Title</span>,

From e00cd5c28fefd3c5411926b5cc6fada6e24bd412 Mon Sep 17 00:00:00 2001
From: Michele Bertoli <MicheleBertoli@users.noreply.github.com>
Date: Fri, 11 Nov 2016 15:07:04 +0000
Subject: [PATCH 2/2] Use a regular function to define MyComponent

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

diff --git a/docs/docs/addons-test-utils.md b/docs/docs/addons-test-utils.md
index f2c7441bfdd4..7f4d251e1c3c 100644
--- a/docs/docs/addons-test-utils.md
+++ b/docs/docs/addons-test-utils.md
@@ -56,12 +56,14 @@ After `shallowRenderer.render()` has been called, you can use [`shallowRenderer.
 You can then begin to assert facts about the output. For example, if you have the following component:
 
 ```javascript
-const MyComponent = () => (
-  <div>
-    <span className="heading">Title</span>
-    <Subcomponent foo="bar" />
-  </div>
-);
+function MyComponent() {
+  return (
+    <div>
+      <span className="heading">Title</span>
+      <Subcomponent foo="bar" />
+    </div>
+  );
+}
 ```
 
 Then you can assert: