test: add e2e tests for multi compiler mode

Author: snitin315

test/e2e/__snapshots__/multi-compiler.test.js.snap.webpack4

@@ -0,0 +1,12 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Multi compiler should work with multiple compilers: 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[`Multi compiler should work with multiple compilers: page errors 1`] = `Array []`;

test/e2e/__snapshots__/multi-compiler.test.js.snap.webpack5

@@ -0,0 +1,12 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Multi compiler should work with multiple compilers: 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[`Multi compiler should work with multiple compilers: page errors 1`] = `Array []`;

test/e2e/multi-compiler.test.js

@@ -0,0 +1,66 @@
+"use strict";
+
+const webpack = require("webpack");
+const Server = require("../../lib/Server");
+const config = require("../fixtures/multi-compiler-config/webpack.config");
+const runBrowser = require("../helpers/run-browser");
+const port = require("../ports-map")["multi-compiler"];
+
+describe("Multi compiler", () => {
+  it(`should work with multiple compilers`, async () => {
+    const compiler = webpack(config);
+    const devServerOptions = {
+      host: "127.0.0.1",
+      port,
+    };
+    const server = new Server(devServerOptions, compiler);
+
+    await new Promise((resolve, reject) => {
+      server.listen(port, "127.0.0.1", (error) => {
+        if (error) {
+          reject(error);
+
+          return;
+        }
+
+        resolve();
+      });
+    });
+
+    const { page, browser } = await runBrowser();
+
+    const pageErrors = [];
+    const consoleMessages = [];
+
+    page
+      .on("console", (message) => {
+        consoleMessages.push(message);
+      })
+      .on("pageerror", (error) => {
+        pageErrors.push(error);
+      });
+
+    await page.goto(`http://127.0.0.1:${port}/main`, {
+      waitUntil: "networkidle0",
+    });
+
+    expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+      "console messages"
+    );
+
+    expect(pageErrors).toMatchSnapshot("page errors");
+
+    await browser.close();
+    await new Promise((resolve, reject) => {
+      server.close((error) => {
+        if (error) {
+          reject(error);
+
+          return;
+        }
+
+        resolve();
+      });
+    });
+  });
+});

test/fixtures/multi-compiler-config/bar.js

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

test/fixtures/multi-compiler-config/webpack.config.js

@@ -14,4 +14,17 @@ module.exports = [
       level: "warn",
     },
   },
+  {
+    mode: "development",
+    context: __dirname,
+    stats: "none",
+    entry: "./bar.js",
+    output: {
+      path: "/",
+    },
+    node: false,
+    infrastructureLogging: {
+      level: "warn",
+    },
+  },
 ];