Shallow renderer and test utils bundles (#9426)

Shallow renderer and test utils bundles

Adds new bundles introduced with React 15.5 release to master (and 16 alpha)

react-dom/test-utils:

This new bundle contains what used to be react-addons-test-utils. This bundle shares things from react-dom rather than duplicates them.

A temporary createRenderer method has been left behind as a way to access the new shallow renderer. This is for the ReactNative release cycle only and should be going away before the final release.

react-test-renderer/shallow:

This new shallow renderer is almost entirely stand-alone (in that it doesn't use the React reconciler or scheduler). The only touch points are ReactElement and prop/context validation. This renderer is stack and fiber compatible.

Author: bvaughn

packages/react-dom/package.json

@@ -27,6 +27,7 @@
     "README.md",
     "index.js",
     "server.js",
+    "test-utils.js",
     "cjs/",
     "umd/"
   ],

packages/react-dom/test-utils.js

@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === 'production') {
+  throw Error('test-utils is not available in production mode.');
+} else {
+  module.exports = require('./cjs/react-dom-test-utils.development');
+}

packages/react-test-renderer/index.js

@@ -1,3 +1,7 @@
 'use strict';
 
-module.exports = require('./cjs/react-test-renderer.development');
+if (process.env.NODE_ENV === 'production') {
+  throw Error('test renderer is not available in production mode.');
+} else {
+  module.exports = require('./cjs/react-test-renderer.development');
+}

packages/react-test-renderer/package.json

@@ -26,6 +26,7 @@
     "PATENTS",
     "README.md",
     "index.js",
+    "shallow.js",
     "cjs/"
   ]
 }

packages/react-test-renderer/shallow.js

@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === 'production') {
+  throw Error('shallow renderer is not available in production mode.');
+} else {
+  module.exports = require('./cjs/react-test-renderer-shallow.development');
+}

scripts/fiber/tests-passing.txt

@@ -1562,6 +1562,41 @@ src/renderers/dom/shared/wrappers/__tests__/ReactDOMTextarea-test.js
 * should warn if value is null
 * should warn if value and defaultValue are specified
 
+src/renderers/dom/test/__tests__/ReactTestUtils-test.js
+* should call all of the lifecycle hooks
+* should only render 1 level deep
+* should have shallow rendering
+* should enable shouldComponentUpdate to prevent a re-render
+* should shallow render a functional component
+* should throw for invalid elements
+* should have shallow unmounting
+* can shallow render to null
+* can shallow render with a ref
+* lets you update shallowly rendered components
+* can access the mounted component instance
+* can shallowly render components with contextTypes
+* can shallowly render components with ref as function
+* can setState in componentWillMount when shallow rendering
+* can setState in componentWillReceiveProps when shallow rendering
+* can setState with an updater function
+* can pass context when shallowly rendering
+* should track context across updates
+* can fail context when shallowly rendering
+* should warn about propTypes (but only once)
+* can scryRenderedDOMComponentsWithClass with TextComponent
+* can scryRenderedDOMComponentsWithClass with className contains \n
+* can scryRenderedDOMComponentsWithClass with multiple classes
+* traverses children in the correct order
+* should support injected wrapper components as DOM components
+* should change the value of an input field
+* should change the value of an input field in a component
+* should throw when attempting to use ReactTestUtils.Simulate with shallow rendering
+* should not warn when simulating events with extra properties
+* can scry with stateless components involved
+* should enable rendering of cloned element
+* should set the type of the event
+* should work with renderIntoDocument
+
 src/renderers/native/__tests__/ReactNativeAttributePayload-test.js
 * should work with simple example
 * should skip fields that are equal
@@ -1871,32 +1906,6 @@ src/shared/utils/__tests__/PooledClass-test.js
 src/shared/utils/__tests__/reactProdInvariant-test.js
 * should throw with the correct number of `%s`s in the URL
 
-src/test/__tests__/ReactTestUtils-test.js
-* should have shallow rendering
-* should shallow render a functional component
-* should throw for invalid elements
-* should have shallow unmounting
-* can shallow render to null
-* can shallow render with a ref
-* lets you update shallowly rendered components
-* can access the mounted component instance
-* can shallowly render components with contextTypes
-* can shallowly render components with ref as function
-* can setState in componentWillMount when shallow rendering
-* can pass context when shallowly rendering
-* can fail context when shallowly rendering
-* can scryRenderedDOMComponentsWithClass with TextComponent
-* can scryRenderedDOMComponentsWithClass with className contains \n
-* can scryRenderedDOMComponentsWithClass with multiple classes
-* traverses children in the correct order
-* should support injected wrapper components as DOM components
-* should change the value of an input field
-* should change the value of an input field in a component
-* should throw when attempting to use ReactTestUtils.Simulate with shallow rendering
-* should not warn when simulating events with extra properties
-* can scry with stateless components involved
-* should set the type of the event
-
 src/test/__tests__/reactComponentExpect-test.js
 * should match composite components
 * should match empty DOM components

scripts/rollup/bundles.js

@@ -89,9 +89,7 @@ const bundles = [
     paths: [
       'src/renderers/dom/**/*.js',
       'src/renderers/shared/**/*.js',
-      'src/test/**/*.js', // ReactTestUtils is currently very coupled to DOM.
 
-      'src/isomorphic/classic/types/checkPropTypes.js',
       'src/ReactVersion.js',
       'src/shared/**/*.js',
     ],
@@ -118,9 +116,41 @@ const bundles = [
     paths: [
       'src/renderers/dom/**/*.js',
       'src/renderers/shared/**/*.js',
-      'src/test/**/*.js', // ReactTestUtils is currently very coupled to DOM.
 
-      'src/isomorphic/classic/types/checkPropTypes.js',
+      'src/ReactVersion.js',
+      'src/shared/**/*.js',
+    ],
+  },
+  {
+    babelOpts: babelOptsReact,
+    bundleTypes: [FB_DEV, NODE_DEV],
+    config: {
+      destDir: 'build/',
+      globals: {
+        react: 'React',
+      },
+      moduleName: 'ReactTestUtils',
+      sourceMap: false,
+    },
+    entry: 'src/renderers/dom/test/ReactTestUtils',
+    externals: [
+      'prop-types',
+      'prop-types/checkPropTypes',
+      'react',
+      'react-dom',
+      'react-test-renderer', // TODO (bvaughn) Remove this dependency before 16.0.0
+    ],
+    fbEntry: 'src/renderers/dom/test/ReactTestUtils',
+    hasteName: 'ReactTestUtils',
+    isRenderer: true,
+    label: 'test-utils',
+    manglePropertiesOnProd: false,
+    name: 'react-dom/test-utils',
+    paths: [
+      'src/renderers/dom/test/**/*.js',
+      'src/renderers/shared/**/*.js',
+      'src/renderers/testing/**/*.js', // TODO (bvaughn) Remove this dependency before 16.0.0
+
       'src/ReactVersion.js',
       'src/shared/**/*.js',
     ],
@@ -151,7 +181,6 @@ const bundles = [
       'src/renderers/dom/**/*.js',
       'src/renderers/shared/**/*.js',
 
-      'src/isomorphic/classic/types/checkPropTypes.js',
       'src/ReactVersion.js',
       'src/shared/**/*.js',
     ],
@@ -190,7 +219,6 @@ const bundles = [
       'src/renderers/art/**/*.js',
       'src/renderers/shared/**/*.js',
 
-      'src/isomorphic/classic/types/checkPropTypes.js',
       'src/ReactVersion.js',
       'src/shared/**/*.js',
     ],
@@ -226,7 +254,6 @@ const bundles = [
       'src/renderers/art/**/*.js',
       'src/renderers/shared/**/*.js',
 
-      'src/isomorphic/classic/types/checkPropTypes.js',
       'src/ReactVersion.js',
       'src/shared/**/*.js',
     ],
@@ -328,12 +355,10 @@ const bundles = [
       'src/renderers/shared/**/*.js',
       'src/renderers/testing/**/*.js',
 
-      'src/isomorphic/classic/types/checkPropTypes.js',
       'src/ReactVersion.js',
       'src/shared/**/*.js',
     ],
   },
-
   {
     babelOpts: babelOptsReact,
     bundleTypes: [FB_DEV],
@@ -355,11 +380,32 @@ const bundles = [
       'src/renderers/shared/**/*.js',
       'src/renderers/testing/**/*.js',
 
-      'src/isomorphic/classic/types/checkPropTypes.js',
       'src/ReactVersion.js',
       'src/shared/**/*.js',
     ],
   },
+  {
+    babelOpts: babelOptsReact,
+    bundleTypes: [FB_DEV, NODE_DEV],
+    config: {
+      destDir: 'build/',
+      moduleName: 'ReactShallowRenderer',
+      sourceMap: false,
+    },
+    entry: 'src/renderers/testing/ReactShallowRenderer',
+    externals: [
+      'react-dom',
+      'prop-types/checkPropTypes',
+      'react-test-renderer',
+    ],
+    fbEntry: 'src/renderers/testing/ReactShallowRenderer',
+    hasteName: 'ReactShallowRenderer',
+    isRenderer: true,
+    label: 'shallow-renderer',
+    manglePropertiesOnProd: false,
+    name: 'react-test-renderer/shallow',
+    paths: ['src/renderers/shared/**/*.js', 'src/renderers/testing/**/*.js'],
+  },
 
   /******* React Noop Renderer (used only for fixtures/fiber-debugger) *******/
   {
@@ -383,7 +429,6 @@ const bundles = [
       'src/renderers/noop/**/*.js',
       'src/renderers/shared/**/*.js',
 
-      'src/isomorphic/classic/types/checkPropTypes.js',
       'src/ReactVersion.js',
       'src/shared/**/*.js',
     ],

scripts/rollup/shims/facebook-www/ReactTestUtils.js

@@ -43,10 +43,9 @@ Object.assign(ReactDOM.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED, {
 
 if (__DEV__) {
   Object.assign(ReactDOM.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED, {
-    // ReactPerf and ReactTestUtils currently only work with the DOM renderer
-    // so we expose them from here, but only in DEV mode.
+    // ReactPerf currently only works with the DOM renderer
+    // so we expose it here, but only in DEV mode.
     ReactPerf: require('ReactPerf'),
-    ReactTestUtils: require('ReactTestUtils'),
   });
 }
 

src/fb/ReactDOMFBEntry.js

@@ -45,15 +45,4 @@ Object.assign(
   },
 );
 
-if (__DEV__) {
-  Object.assign(
-    ReactDOMFiber.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,
-    {
-      // ReactPerf and ReactTestUtils currently only work with the DOM renderer
-      // so we expose them from here, but only in DEV mode.
-      ReactTestUtils: require('ReactTestUtils'),
-    },
-  );
-}
-
 module.exports = ReactDOMFiber;