feat: support lazy-loaded components by forcing all into 1 chunk

Author: bahmutov

package.json

@@ -100,7 +100,7 @@
     "@cypress/webpack-preprocessor": "4.1.3",
     "babel-plugin-istanbul": "6.0.0",
     "debug": "4.1.1",
-    "find-webpack": "1.2.0"
+    "find-webpack": "1.4.0"
   },
   "release": {
     "branches": [

plugins/cra-v3/file-preprocessor.js

@@ -1,6 +1,7 @@
+// @ts-check
 const debug = require('debug')('cypress-react-unit-test')
 const findWebpack = require('find-webpack')
-const webpack = require('@cypress/webpack-preprocessor')
+const webpackPreprocessor = require('@cypress/webpack-preprocessor')
 
 const getWebpackOptions = opts => {
   debug('top level opts %o', opts)
@@ -9,7 +10,7 @@ const getWebpackOptions = opts => {
   if (!webpackOptions) {
     console.error('⚠️ Could not find Webpack options, using defaults')
     return {
-      webpackOptions: webpack.defaultOptions,
+      webpackOptions: webpackPreprocessor.defaultOptions,
       watchOptions: {},
     }
   }
@@ -33,8 +34,9 @@ module.exports = config => {
   debug('coverage is disabled? %o', { coverageIsDisabled })
 
   const opts = {
+    reactScripts: true,
     coverage: !coverageIsDisabled,
   }
   const options = getWebpackOptions(opts)
-  return webpack(options)
+  return webpackPreprocessor(options)
 }

plugins/load-webpack/index.js

@@ -1,7 +1,7 @@
 // @ts-check
 const path = require('path')
 const debug = require('debug')('cypress-react-unit-test')
-const webpack = require('@cypress/webpack-preprocessor')
+const webpackPreprocessor = require('@cypress/webpack-preprocessor')
 const findWebpack = require('find-webpack')
 
 module.exports = (on, config) => {
@@ -10,8 +10,7 @@ module.exports = (on, config) => {
   const webpackFilename = config.env && config.env.webpackFilename
   if (!webpackFilename) {
     throw new Error(
-      'Could not find "webpackFilename" option in Cypress env variables %o',
-      config.env,
+      'Could not find "webpackFilename" option in Cypress env variables',
     )
   }
   debug('got webpack config filename %s', webpackFilename)
@@ -26,6 +25,7 @@ module.exports = (on, config) => {
   debug('coverage is disabled? %o', { coverageIsDisabled })
 
   const opts = {
+    reactScripts: true,
     coverage: !coverageIsDisabled,
   }
 
@@ -37,7 +37,7 @@ module.exports = (on, config) => {
     watchOptions: {},
   }
 
-  on('file:preprocessor', webpack(options))
+  on('file:preprocessor', webpackPreprocessor(options))
 
   // IMPORTANT to return the config object
   // with the any changed environment variables