test: update

Author: alexander-akait

test/e2e/__snapshots__/entry.test.js.snap.webpack4

@@ -22,17 +22,6 @@ Array [
 
 exports[`entry should work with dynamic entry: page errors 1`] = `Array []`;
 
-exports[`entry should work with empty: console messages 1`] = `
-Array [
-  "[HMR] Waiting for update signal from WDS...",
-  "Hey.",
-  "[webpack-dev-server] Hot Module Replacement enabled.",
-  "[webpack-dev-server] Live Reloading enabled.",
-]
-`;
-
-exports[`entry should work with empty: page errors 1`] = `Array []`;
-
 exports[`entry should work with multiple entries #2: console messages 1`] = `
 Array [
   "[HMR] Waiting for update signal from WDS...",
@@ -44,18 +33,6 @@ Array [
 
 exports[`entry should work with multiple entries #2: page errors 1`] = `Array []`;
 
-exports[`entry should work with multiple entries and "dependOn": console messages 1`] = `
-Array [
-  "[HMR] Waiting for update signal from WDS...",
-  "Bar.",
-  "[webpack-dev-server] Hot Module Replacement enabled.",
-  "[webpack-dev-server] Live Reloading enabled.",
-  "Hey.",
-]
-`;
-
-exports[`entry should work with multiple entries and "dependOn": page errors 1`] = `Array []`;
-
 exports[`entry should work with multiple entries: console messages 1`] = `
 Array [
   "[HMR] Waiting for update signal from WDS...",
@@ -67,17 +44,6 @@ Array [
 
 exports[`entry should work with multiple entries: page errors 1`] = `Array []`;
 
-exports[`entry should work with object entry: console messages 1`] = `
-Array [
-  "[HMR] Waiting for update signal from WDS...",
-  "Hey.",
-  "[webpack-dev-server] Hot Module Replacement enabled.",
-  "[webpack-dev-server] Live Reloading enabled.",
-]
-`;
-
-exports[`entry should work with object entry: page errors 1`] = `Array []`;
-
 exports[`entry should work with single array entry: console messages 1`] = `
 Array [
   "[HMR] Waiting for update signal from WDS...",

test/e2e/entry.test.js

@@ -357,6 +357,7 @@ describe('entry', () => {
     });
     await page.addScriptTag({ url: `http://127.0.0.1:${port}/runtime.js` });
     await page.addScriptTag({ url: `http://127.0.0.1:${port}/foo.js` });
+    await page.waitForFunction(() => window.fooChunkLoaded);
 
     expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
       'console messages'
@@ -426,6 +427,7 @@ describe('entry', () => {
     });
     await page.addScriptTag({ url: `http://127.0.0.1:${port}/runtime.js` });
     await page.addScriptTag({ url: `http://127.0.0.1:${port}/bar.js` });
+    await page.waitForFunction(() => window.barChunkLoaded);
 
     expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
       'console messages'
@@ -452,7 +454,7 @@ describe('entry', () => {
       const compiler = webpack({
         ...config,
         entry: {
-          main: {
+          foo: {
             import: entryFirst,
             dependOn: 'bar',
           },
@@ -494,7 +496,8 @@ describe('entry', () => {
         waitUntil: 'networkidle0',
       });
       await page.addScriptTag({ url: `http://127.0.0.1:${port}/bar.js` });
-      await page.addScriptTag({ url: `http://127.0.0.1:${port}/main.js` });
+      await page.addScriptTag({ url: `http://127.0.0.1:${port}/foo.js` });
+      await page.waitForFunction(() => window.fooChunkLoaded);
 
       expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
         'console messages'

test/fixtures/client-config/bar.js

@@ -1,3 +1,5 @@
 'use strict';
 
 console.log('Bar.');
+
+window.barChunkLoaded = true;

test/fixtures/client-config/foo.js

@@ -1,3 +1,5 @@
 'use strict';
 
 console.log('Hey.');
+
+window.fooChunkLoaded = true;

test/fixtures/client-config/webpack.config.js

@@ -26,23 +26,36 @@ module.exports = {
     {
       apply(compiler) {
         const pluginName = 'html-generator-plugin-test';
+        const filename = 'test.html';
 
         compiler.hooks.thisCompilation.tap(pluginName, (compilation) => {
-          const { RawSource } = compiler.webpack.sources;
+          if (compiler.webpack) {
+            const { RawSource } = compiler.webpack.sources;
 
-          compilation.hooks.processAssets.tap(
-            {
-              name: pluginName,
-              stage:
-                compiler.webpack.Compilation.PROCESS_ASSETS_STAGE_ADDITIONAL,
-            },
-            () => {
-              const filename = 'test.html';
-              const source = new RawSource(HTMLContent);
+            compilation.hooks.processAssets.tap(
+              {
+                name: pluginName,
+                stage:
+                  compiler.webpack.Compilation.PROCESS_ASSETS_STAGE_ADDITIONAL,
+              },
+              () => {
+                const source = new RawSource(HTMLContent);
 
-              compilation.emitAsset(filename, source);
-            }
-          );
+                compilation.emitAsset(filename, source);
+              }
+            );
+          } else {
+            compilation.hooks.additionalAssets.tap(pluginName, () => {
+              compilation.emitAsset(filename, {
+                source() {
+                  return HTMLContent;
+                },
+                size() {
+                  return HTMLContent.length;
+                },
+              });
+            });
+          }
         });
       },
     },