test: migrate watchFiles test on HTMLGeneratorPlugin (#4207)

* test: migrate `watchFiles` test on `HTMLGeneratorPlugin`

* test: migrate `watchFiles` test on `HTMLGeneratorPlugin`

* chore: refactor

Author: snitin315

.gitignore

@@ -16,6 +16,7 @@ yarn-error.log
 .eslintcache
 
 test/fixtures/static-config/public/assets/non-exist.txt
+test/fixtures/watch-files-config/public/assets/non-exist.txt
 test/fixtures/reload-config/main.css
 test/fixtures/reload-config-2/main.css
 !/test/fixtures/static-config/public/node_modules

test/e2e/watch-files.test.js

@@ -5,11 +5,14 @@ const chokidar = require("chokidar");
 const fs = require("graceful-fs");
 const webpack = require("webpack");
 const Server = require("../../lib/Server");
-const config = require("../fixtures/static-config/webpack.config");
+const config = require("../fixtures/watch-files-config/webpack.config");
 const runBrowser = require("../helpers/run-browser");
 const port = require("../ports-map")["watch-files-option"];
 
-const watchDir = path.resolve(__dirname, "../fixtures/static-config/public");
+const watchDir = path.resolve(
+  __dirname,
+  "../fixtures/watch-files-config/public"
+);
 
 describe("watchFiles option", () => {
   describe("should work with string and path to file", () => {
@@ -55,7 +58,7 @@ describe("watchFiles option", () => {
           pageErrors.push(error);
         });
 
-      const response = await page.goto(`http://127.0.0.1:${port}/main`, {
+      const response = await page.goto(`http://127.0.0.1:${port}/`, {
         waitUntil: "networkidle0",
       });
 
@@ -126,7 +129,7 @@ describe("watchFiles option", () => {
           pageErrors.push(error);
         });
 
-      const response = await page.goto(`http://127.0.0.1:${port}/main`, {
+      const response = await page.goto(`http://127.0.0.1:${port}/`, {
         waitUntil: "networkidle0",
       });
 
@@ -197,7 +200,7 @@ describe("watchFiles option", () => {
           pageErrors.push(error);
         });
 
-      const response = await page.goto(`http://127.0.0.1:${port}/main`, {
+      const response = await page.goto(`http://127.0.0.1:${port}/`, {
         waitUntil: "networkidle0",
       });
 
@@ -273,7 +276,7 @@ describe("watchFiles option", () => {
           pageErrors.push(error);
         });
 
-      const response = await page.goto(`http://127.0.0.1:${port}/main`, {
+      const response = await page.goto(`http://127.0.0.1:${port}/`, {
         waitUntil: "networkidle0",
       });
 
@@ -349,7 +352,7 @@ describe("watchFiles option", () => {
           pageErrors.push(error);
         });
 
-      const response = await page.goto(`http://127.0.0.1:${port}/main`, {
+      const response = await page.goto(`http://127.0.0.1:${port}/`, {
         waitUntil: "networkidle0",
       });
 
@@ -422,7 +425,7 @@ describe("watchFiles option", () => {
           pageErrors.push(error);
         });
 
-      const response = await page.goto(`http://127.0.0.1:${port}/main`, {
+      const response = await page.goto(`http://127.0.0.1:${port}/`, {
         waitUntil: "networkidle0",
       });
 
@@ -503,7 +506,7 @@ describe("watchFiles option", () => {
           pageErrors.push(error);
         });
 
-      const response = await page.goto(`http://127.0.0.1:${port}/main`, {
+      const response = await page.goto(`http://127.0.0.1:${port}/`, {
         waitUntil: "networkidle0",
       });
 
@@ -644,7 +647,7 @@ describe("watchFiles option", () => {
               pageErrors.push(error);
             });
 
-          const response = await page.goto(`http://127.0.0.1:${port}/main`, {
+          const response = await page.goto(`http://127.0.0.1:${port}/`, {
             waitUntil: "networkidle0",
           });
 

test/fixtures/watch-files-config/foo.js

@@ -0,0 +1,3 @@
+"use strict";
+
+console.log("Hey.");

test/fixtures/watch-files-config/other/foo.html

@@ -0,0 +1 @@
+Foo!

test/fixtures/watch-files-config/public/assets/example.txt

@@ -0,0 +1 @@
+Heyo

test/fixtures/watch-files-config/public/assets/other.txt

@@ -0,0 +1 @@
+Other html

test/fixtures/watch-files-config/public/bar/index.html

@@ -0,0 +1 @@
+Heyo.

test/fixtures/watch-files-config/public/other.html

@@ -0,0 +1,17 @@
+"use strict";
+
+const HTMLGeneratorPlugin = require("../../helpers/html-generator-plugin");
+
+module.exports = {
+  mode: "development",
+  context: __dirname,
+  stats: "none",
+  entry: "./foo.js",
+  output: {
+    publicPath: "/",
+  },
+  infrastructureLogging: {
+    level: "warn",
+  },
+  plugins: [new HTMLGeneratorPlugin()],
+};