Add component indirection to the tests using owner name

This passes in Stack. It helps ensure we supply the correct owner name.

Author: gaearon

src/renderers/shared/shared/__tests__/ReactComponent-test.js

@@ -352,16 +352,25 @@ describe('ReactComponent', () => {
   it('includes owner name in the error about badly-typed elements', () => {
     spyOn(console, 'error');
 
+    var X = undefined;
+
+    function Indirection(props) {
+      return <div>{props.children}</div>;
+    }
+
+    function Bar() {
+      return <Indirection><X /></Indirection>;
+    }
+
     function Foo() {
-      var X = undefined;
-      return <X />;
+      return <Bar />;
     }
 
     expect(() => ReactTestUtils.renderIntoDocument(<Foo />)).toThrowError(
       'Element type is invalid: expected a string (for built-in components) ' +
       'or a class/function (for composite components) but got: undefined. ' +
       'You likely forgot to export your component from the file it\'s ' +
-      'defined in. Check the render method of `Foo`.'
+      'defined in. Check the render method of `Bar`.'
     );
 
     // One warning for each element creation

src/renderers/shared/shared/__tests__/ReactStatelessComponent-test.js

@@ -152,11 +152,13 @@ describe('ReactStatelessComponent', () => {
   it('should warn when given a string ref', () => {
     spyOn(console, 'error');
 
-    class Parent extends React.Component {
-      static displayName = 'Parent';
+    function Indirection(props) {
+      return <div>{props.children}</div>;
+    }
 
+    class Parent extends React.Component {
       render() {
-        return <div><StatelessComponent name="A" ref="stateless"/></div>;
+        return <Indirection><StatelessComponent name="A" ref="stateless"/></Indirection>;
       }
     }
 
@@ -169,6 +171,7 @@ describe('ReactStatelessComponent', () => {
       'of `Parent`.\n' +
       '    in StatelessComponent (at **)\n' +
       '    in div (at **)\n' +
+      '    in Indirection (at **)\n' +
       '    in Parent (at **)'
     );
   });
@@ -179,11 +182,13 @@ describe('ReactStatelessComponent', () => {
       expect(arg).toBe(null);
     });
 
-    class Parent extends React.Component {
-      static displayName = 'Parent';
+    function Indirection(props) {
+      return <div>{props.children}</div>;
+    }
 
+    class Parent extends React.Component {
       render() {
-        return <div><StatelessComponent name="A" ref={ref} /></div>;
+        return <Indirection><StatelessComponent name="A" ref={ref} /></Indirection>;
       }
     }
 
@@ -196,6 +201,7 @@ describe('ReactStatelessComponent', () => {
       'of `Parent`.\n' +
       '    in StatelessComponent (at **)\n' +
       '    in div (at **)\n' +
+      '    in Indirection (at **)\n' +
       '    in Parent (at **)'
     );
   });