Watch test files (so they retrigger webpack)

This will not process them for now...

Author: rricard

packages/react-dev-utils/WatchTestFilesPlugin.js

@@ -0,0 +1,39 @@
+var glob = require('glob');
+var path = require('path');
+
+function computeGlob(pattern, options) {
+  return new Promise((resolve, reject) => {
+    glob(pattern, options || {}, (err, matches) => {
+      if (err) {
+        return reject(err);
+      }
+      resolve(matches);
+    });
+  });
+}
+
+function WatchTestFilesPlugin(testGlobs) {
+  this.testGlobs = testGlobs || [];
+}
+
+WatchTestFilesPlugin.prototype.apply = function(compiler) {
+  compiler.plugin('emit', (compilation, callback) => {
+    console.log()
+    Promise.all(this.testGlobs.map(globPattern =>
+      computeGlob(globPattern, {
+        cwd: compiler.options.context,
+        ignore: 'node_modules/**',
+      })
+    ))
+    .then(globLists => [].concat.apply([], globLists))
+    .then(testFiles => {
+      testFiles.forEach(testFile => {
+        compilation.fileDependencies.push(path.join(compiler.options.context, testFile));
+      });
+    })
+    .then(callback)
+    .catch(console.error);
+  });
+};
+
+module.exports = WatchTestFilesPlugin;

packages/react-dev-utils/package.json

@@ -20,12 +20,14 @@
     "openBrowser.js",
     "prompt.js",
     "WatchMissingNodeModulesPlugin.js",
+    "WatchTestFilesPlugin.js",
     "webpackHotDevClient.js"
   ],
   "dependencies": {
     "ansi-html": "0.0.5",
     "chalk": "1.1.3",
     "escape-string-regexp": "1.0.5",
+    "glob": "^7.1.1",
     "html-entities": "1.2.0",
     "opn": "4.0.2",
     "sockjs-client": "1.0.3",

packages/react-scripts/config/webpack.config.dev.js

@@ -15,6 +15,7 @@ var HtmlWebpackPlugin = require('html-webpack-plugin');
 var CaseSensitivePathsPlugin = require('case-sensitive-paths-webpack-plugin');
 var InterpolateHtmlPlugin = require('react-dev-utils/InterpolateHtmlPlugin');
 var WatchMissingNodeModulesPlugin = require('react-dev-utils/WatchMissingNodeModulesPlugin');
+var WatchTestFilesPlugin = require('react-dev-utils/WatchTestFilesPlugin');
 var getClientEnvironment = require('./env');
 var paths = require('./paths');
 
@@ -226,7 +227,14 @@ module.exports = {
     // to restart the development server for Webpack to discover it. This plugin
     // makes the discovery automatic so you don't have to restart.
     // See https://github.com/facebookincubator/create-react-app/issues/186
-    new WatchMissingNodeModulesPlugin(paths.appNodeModules)
+    new WatchMissingNodeModulesPlugin(paths.appNodeModules),
+    // Tests won't have any linting unless they go through webpack.
+    // This plugin makes webpack aware of them without emitting them.
+    // See https://github.com/facebookincubator/create-react-app/issues/1169
+    new WatchTestFilesPlugin([
+      '**/__tests__/**',
+      '**/*.test.js',
+    ]),
   ],
   // Some libraries import Node modules but don't use them in the browser.
   // Tell Webpack to provide empty mocks for them so importing them works.