Run Jest in production mode

.eslintrc.js

@@ -60,5 +60,6 @@ module.exports = {
 
   globals: {
     expectDev: true,
+    spyOnDev: true,
   },
 };

package.json

@@ -102,40 +102,11 @@
     "linc": "node ./scripts/tasks/linc.js",
     "lint": "node ./scripts/tasks/eslint.js",
     "postinstall": "node node_modules/fbjs-scripts/node/check-dev-engines.js package.json",
-    "test": "jest",
+    "test": "jest --config scripts/jest/dev/config.js",
+    "test-prod": "jest --config scripts/jest/prod/config.js",
     "flow": "node ./scripts/tasks/flow.js",
     "prettier": "node ./scripts/prettier/index.js write-changed",
     "prettier-all": "node ./scripts/prettier/index.js write",
     "version-check": "node ./scripts/tasks/version-check.js"
-  },
-  "jest": {
-    "modulePathIgnorePatterns": [
-      "<rootDir>/scripts/rollup/shims/",
-      "<rootDir>/scripts/bench/"
-    ],
-    "transform": {
-      ".*": "./scripts/jest/preprocessor.js"
-    },
-    "setupFiles": [
-      "./scripts/jest/setup.js",
-      "./scripts/jest/environment.js"
-    ],
-    "setupTestFrameworkScriptFile": "./scripts/jest/test-framework-setup.js",
-    "testRegex": "/__tests__/.*(\\.js|\\.coffee|[^d]\\.ts)$",
-    "moduleFileExtensions": [
-      "js",
-      "json",
-      "node",
-      "coffee",
-      "ts"
-    ],
-    "roots": [
-      "<rootDir>/packages",
-      "<rootDir>/scripts"
-    ],
-    "collectCoverageFrom": [
-      "packages/**/*.js"
-    ],
-    "timers": "fake"
   }
 }

packages/react-dom/src/__tests__/CSSPropertyOperations-test.js

@@ -91,15 +91,17 @@ describe('CSSPropertyOperations', () => {
       }
     }
 
-    spyOn(console, 'error');
+    spyOnDev(console, 'error');
     var root = document.createElement('div');
     ReactDOM.render(<Comp />, root);
-    expectDev(console.error.calls.count()).toBe(1);
-    expectDev(normalizeCodeLocInfo(console.error.calls.argsFor(0)[0])).toEqual(
-      'Warning: Unsupported style property background-color. Did you mean backgroundColor?' +
-        '\n    in div (at **)' +
-        '\n    in Comp (at **)',
-    );
+    if (__DEV__) {
+      expect(console.error.calls.count()).toBe(1);
+      expect(normalizeCodeLocInfo(console.error.calls.argsFor(0)[0])).toEqual(
+        'Warning: Unsupported style property background-color. Did you mean backgroundColor?' +
+          '\n    in div (at **)' +
+          '\n    in Comp (at **)',
+      );
+    }
   });
 
   it('should warn when updating hyphenated style names', () => {
@@ -111,7 +113,7 @@ describe('CSSPropertyOperations', () => {
       }
     }
 
-    spyOn(console, 'error');
+    spyOnDev(console, 'error');
     var styles = {
       '-ms-transform': 'translate3d(0, 0, 0)',
       '-webkit-transform': 'translate3d(0, 0, 0)',
@@ -120,17 +122,19 @@ describe('CSSPropertyOperations', () => {
     ReactDOM.render(<Comp />, root);
     ReactDOM.render(<Comp style={styles} />, root);
 
-    expectDev(console.error.calls.count()).toBe(2);
-    expectDev(normalizeCodeLocInfo(console.error.calls.argsFor(0)[0])).toEqual(
-      'Warning: Unsupported style property -ms-transform. Did you mean msTransform?' +
-        '\n    in div (at **)' +
-        '\n    in Comp (at **)',
-    );
-    expectDev(normalizeCodeLocInfo(console.error.calls.argsFor(1)[0])).toEqual(
-      'Warning: Unsupported style property -webkit-transform. Did you mean WebkitTransform?' +
-        '\n    in div (at **)' +
-        '\n    in Comp (at **)',
-    );
+    if (__DEV__) {
+      expect(console.error.calls.count()).toBe(2);
+      expect(normalizeCodeLocInfo(console.error.calls.argsFor(0)[0])).toEqual(
+        'Warning: Unsupported style property -ms-transform. Did you mean msTransform?' +
+          '\n    in div (at **)' +
+          '\n    in Comp (at **)',
+      );
+      expect(normalizeCodeLocInfo(console.error.calls.argsFor(1)[0])).toEqual(
+        'Warning: Unsupported style property -webkit-transform. Did you mean WebkitTransform?' +
+          '\n    in div (at **)' +
+          '\n    in Comp (at **)',
+      );
+    }
   });
 
   it('warns when miscapitalizing vendored style names', () => {
@@ -150,23 +154,25 @@ describe('CSSPropertyOperations', () => {
       }
     }
 
-    spyOn(console, 'error');
+    spyOnDev(console, 'error');
     var root = document.createElement('div');
     ReactDOM.render(<Comp />, root);
-    // msTransform is correct already and shouldn't warn
-    expectDev(console.error.calls.count()).toBe(2);
-    expectDev(normalizeCodeLocInfo(console.error.calls.argsFor(0)[0])).toEqual(
-      'Warning: Unsupported vendor-prefixed style property oTransform. ' +
-        'Did you mean OTransform?' +
-        '\n    in div (at **)' +
-        '\n    in Comp (at **)',
-    );
-    expectDev(normalizeCodeLocInfo(console.error.calls.argsFor(1)[0])).toEqual(
-      'Warning: Unsupported vendor-prefixed style property webkitTransform. ' +
-        'Did you mean WebkitTransform?' +
-        '\n    in div (at **)' +
-        '\n    in Comp (at **)',
-    );
+    if (__DEV__) {
+      // msTransform is correct already and shouldn't warn
+      expect(console.error.calls.count()).toBe(2);
+      expect(normalizeCodeLocInfo(console.error.calls.argsFor(0)[0])).toEqual(
+        'Warning: Unsupported vendor-prefixed style property oTransform. ' +
+          'Did you mean OTransform?' +
+          '\n    in div (at **)' +
+          '\n    in Comp (at **)',
+      );
+      expect(normalizeCodeLocInfo(console.error.calls.argsFor(1)[0])).toEqual(
+        'Warning: Unsupported vendor-prefixed style property webkitTransform. ' +
+          'Did you mean WebkitTransform?' +
+          '\n    in div (at **)' +
+          '\n    in Comp (at **)',
+      );
+    }
   });
 
   it('should warn about style having a trailing semicolon', () => {
@@ -187,22 +193,24 @@ describe('CSSPropertyOperations', () => {
       }
     }
 
-    spyOn(console, 'error');
+    spyOnDev(console, 'error');
     var root = document.createElement('div');
     ReactDOM.render(<Comp />, root);
-    expectDev(console.error.calls.count()).toBe(2);
-    expectDev(normalizeCodeLocInfo(console.error.calls.argsFor(0)[0])).toEqual(
-      "Warning: Style property values shouldn't contain a semicolon. " +
-        'Try "backgroundColor: blue" instead.' +
-        '\n    in div (at **)' +
-        '\n    in Comp (at **)',
-    );
-    expectDev(normalizeCodeLocInfo(console.error.calls.argsFor(1)[0])).toEqual(
-      "Warning: Style property values shouldn't contain a semicolon. " +
-        'Try "color: red" instead.' +
-        '\n    in div (at **)' +
-        '\n    in Comp (at **)',
-    );
+    if (__DEV__) {
+      expect(console.error.calls.count()).toBe(2);
+      expect(normalizeCodeLocInfo(console.error.calls.argsFor(0)[0])).toEqual(
+        "Warning: Style property values shouldn't contain a semicolon. " +
+          'Try "backgroundColor: blue" instead.' +
+          '\n    in div (at **)' +
+          '\n    in Comp (at **)',
+      );
+      expect(normalizeCodeLocInfo(console.error.calls.argsFor(1)[0])).toEqual(
+        "Warning: Style property values shouldn't contain a semicolon. " +
+          'Try "color: red" instead.' +
+          '\n    in div (at **)' +
+          '\n    in Comp (at **)',
+      );
+    }
   });
 
   it('should warn about style containing a NaN value', () => {
@@ -214,16 +222,18 @@ describe('CSSPropertyOperations', () => {
       }
     }
 
-    spyOn(console, 'error');
+    spyOnDev(console, 'error');
     var root = document.createElement('div');
     ReactDOM.render(<Comp />, root);
 
-    expectDev(console.error.calls.count()).toBe(1);
-    expectDev(normalizeCodeLocInfo(console.error.calls.argsFor(0)[0])).toEqual(
-      'Warning: `NaN` is an invalid value for the `fontSize` css style property.' +
-        '\n    in div (at **)' +
-        '\n    in Comp (at **)',
-    );
+    if (__DEV__) {
+      expect(console.error.calls.count()).toBe(1);
+      expect(normalizeCodeLocInfo(console.error.calls.argsFor(0)[0])).toEqual(
+        'Warning: `NaN` is an invalid value for the `fontSize` css style property.' +
+          '\n    in div (at **)' +
+          '\n    in Comp (at **)',
+      );
+    }
   });
 
   it('should not warn when setting CSS custom properties', () => {
@@ -246,16 +256,18 @@ describe('CSSPropertyOperations', () => {
       }
     }
 
-    spyOn(console, 'error');
+    spyOnDev(console, 'error');
     var root = document.createElement('div');
     ReactDOM.render(<Comp />, root);
 
-    expectDev(console.error.calls.count()).toBe(1);
-    expectDev(normalizeCodeLocInfo(console.error.calls.argsFor(0)[0])).toEqual(
-      'Warning: `Infinity` is an invalid value for the `fontSize` css style property.' +
-        '\n    in div (at **)' +
-        '\n    in Comp (at **)',
-    );
+    if (__DEV__) {
+      expect(console.error.calls.count()).toBe(1);
+      expect(normalizeCodeLocInfo(console.error.calls.argsFor(0)[0])).toEqual(
+        'Warning: `Infinity` is an invalid value for the `fontSize` css style property.' +
+          '\n    in div (at **)' +
+          '\n    in Comp (at **)',
+      );
+    }
   });
 
   it('should not add units to CSS custom properties', () => {

packages/react-dom/src/__tests__/DOMPropertyOperations-test.js

@@ -151,7 +151,7 @@ describe('DOMPropertyOperations', () => {
 
     it('should not remove attributes for special properties', () => {
       var container = document.createElement('div');
-      spyOn(console, 'error');
+      spyOnDev(console, 'error');
       ReactDOM.render(
         <input type="text" value="foo" onChange={function() {}} />,
         container,

packages/react-dom/src/__tests__/EventPluginHub-test.js

@@ -22,7 +22,7 @@ describe('EventPluginHub', () => {
   });
 
   it('should prevent non-function listeners, at dispatch', () => {
-    spyOn(console, 'error');
+    spyOnDev(console, 'error');
     var node = ReactTestUtils.renderIntoDocument(
       <div onClick="not a function" />,
     );
@@ -31,10 +31,12 @@ describe('EventPluginHub', () => {
     }).toThrowError(
       'Expected `onClick` listener to be a function, instead got a value of `string` type.',
     );
-    expectDev(console.error.calls.count()).toBe(1);
-    expectDev(console.error.calls.argsFor(0)[0]).toContain(
-      'Expected `onClick` listener to be a function, instead got a value of `string` type.',
-    );
+    if (__DEV__) {
+      expect(console.error.calls.count()).toBe(1);
+      expect(console.error.calls.argsFor(0)[0]).toContain(
+        'Expected `onClick` listener to be a function, instead got a value of `string` type.',
+      );
+    }
   });
 
   it('should not prevent null listeners, at dispatch', () => {

packages/react-dom/src/__tests__/ReactBrowserEventEmitter-test.js

@@ -285,13 +285,15 @@ describe('ReactBrowserEventEmitter', () => {
     putListener(CHILD, ON_CLICK_KEY, recordIDAndReturnFalse.bind(null, CHILD));
     putListener(PARENT, ON_CLICK_KEY, recordID.bind(null, PARENT));
     putListener(GRANDPARENT, ON_CLICK_KEY, recordID.bind(null, GRANDPARENT));
-    spyOn(console, 'error');
+    spyOnDev(console, 'error');
     ReactTestUtils.Simulate.click(CHILD);
     expect(idCallOrder.length).toBe(3);
     expect(idCallOrder[0]).toBe(CHILD);
     expect(idCallOrder[1]).toBe(PARENT);
     expect(idCallOrder[2]).toBe(GRANDPARENT);
-    expectDev(console.error.calls.count()).toEqual(0);
+    if (__DEV__) {
+      expect(console.error.calls.count()).toEqual(0);
+    }
   });
 
   /**