Update Jest

Author: gaearon

config/jest/environment.js

@@ -15,7 +15,7 @@
     "create-react-app": "node global-cli/index.js --scripts-version \"$PWD/`npm pack`\"",
     "e2e": "tasks/e2e.sh",
     "start": "node scripts/start.js --debug-template",
-    "test": "node scripts/test.js --debug-template"
+    "test": "node scripts/test.js --debug-template --watch"
   },
   "files": [
     "PATENTS",
@@ -31,7 +31,7 @@
     "autoprefixer": "6.4.0",
     "babel-core": "6.14.0",
     "babel-eslint": "6.1.2",
-    "babel-jest": "14.1.0",
+    "babel-jest": "15.0.0",
     "babel-loader": "6.2.5",
     "babel-plugin-transform-class-properties": "6.11.5",
     "babel-plugin-transform-object-rest-spread": "6.8.0",
@@ -61,7 +61,7 @@
     "html-loader": "0.4.3",
     "html-webpack-plugin": "2.22.0",
     "http-proxy-middleware": "0.17.0",
-    "jest": "14.1.0",
+    "jest": "15.0.0",
     "json-loader": "0.5.4",
     "object-assign": "4.1.0",
     "opn": "4.0.2",

package.json

@@ -41,7 +41,6 @@ prompt(
     path.join('config', 'webpack.config.prod.js'),
     path.join('config', 'jest', 'CSSStub.js'),
     path.join('config', 'jest', 'FileStub.js'),
-    path.join('config', 'jest', 'environment.js'),
     path.join('config', 'jest', 'transform.js'),
     path.join('scripts', 'build.js'),
     path.join('scripts', 'start.js'),
@@ -99,17 +98,19 @@ prompt(
   });
 
   console.log('Updating scripts');
+  delete appPackage.scripts['eject'];
   Object.keys(appPackage.scripts).forEach(function (key) {
-    appPackage.scripts[key] = 'node ./scripts/' + key + '.js'
+    appPackage.scripts[key] = appPackage.scripts[key]
+      .replace(/react-scripts test/g, 'jest')
+      .replace(/react-scripts (\w+)/g, 'node scripts/$1.js');
   });
-  delete appPackage.scripts['eject'];
 
-  appPackage.scripts.test = 'jest';
+  // Add Jest config
   appPackage.jest = createJestConfig(
     filePath => path.join('<rootDir>', filePath)
   );
 
-  // explicitly specify ESLint config path for editor plugins
+  // Explicitly specify ESLint config path for editor plugins
   appPackage.eslintConfig = {
     extends: './config/eslint.js',
   };

scripts/eject.js

@@ -23,10 +23,12 @@ module.exports = function(appPath, appName, verbose, originalDirectory) {
   appPackage.devDependencies = appPackage.devDependencies || {};
 
   // Setup the script rules
-  appPackage.scripts = {};
-  ['start', 'build', 'eject', 'test'].forEach(function(command) {
-    appPackage.scripts[command] = 'react-scripts ' + command;
-  });
+  appPackage.scripts = {
+    'start': 'react-scripts start',
+    'build': 'react-scripts build',
+    'test': 'react-scripts test --watch --env=jsdom',
+    'eject': 'react-scripts eject'
+  };
 
   // explicitly specify ESLint config path for editor plugins
   appPackage.eslintConfig = {

scripts/init.js

@@ -19,6 +19,11 @@ const argv = process.argv.slice(2);
 const index = argv.indexOf('--debug-template');
 if (index !== -1) {
   argv.splice(index, 1);
+  // When running end-to-end test, disable the watcher
+  var watchIndex = argv.indexOf('--watch');
+  if (watchIndex !== -1) {
+    argv.splice(watchIndex, 1);
+  }
 }
 
 argv.push('--config', JSON.stringify(createJestConfig(

scripts/test.js

@@ -9,25 +9,21 @@
 
 module.exports = (resolve, rootDir) => {
   const config = {
-    automock: false,
     moduleNameMapper: {
       '^[./a-zA-Z0-9$_-]+\\.(jpg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm)$': resolve('config/jest/FileStub.js'),
       '^[./a-zA-Z0-9$_-]+\\.css$': resolve('config/jest/CSSStub.js')
     },
-    persistModuleRegistryBetweenSpecs: true,
     scriptPreprocessor: resolve('config/jest/transform.js'),
     setupFiles: [
       resolve('config/polyfills.js')
     ],
-    setupTestFrameworkScriptFile: resolve('config/jest/environment.js'),
-    testPathIgnorePatterns: ['<rootDir>/node_modules/', '<rootDir>/build/'],
-    // Allow three popular conventions:
-    // **/__tests__/*.js
-    // **/*.test.js
-    // **/*.spec.js
-    testRegex: '(__tests__/.*|\\.(test|spec))\\.js$',
-    testEnvironment: 'node',
-    verbose: true
+    testPathIgnorePatterns: [
+      '<rootDir>/node_modules/',
+      '<rootDir>/build/',
+      // GitHub pages now use this directory so assume it's the build:
+      '<rootDir>/docs/'
+    ],
+    testEnvironment: 'node'
   };
   if (rootDir) {
     config.rootDir = rootDir;