test: add e2e test for universal compiler

Author: snitin315

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

@@ -0,0 +1,9 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Universal compiler client bundle should have the inlined the client runtime: console messages 1`] = `Array []`;
+
+exports[`Universal compiler client bundle should have the inlined the client runtime: page errors 1`] = `Array []`;
+
+exports[`Universal compiler server bundle should NOT have the inlined the client runtime: console messages 1`] = `Array []`;
+
+exports[`Universal compiler server bundle should NOT have the inlined the client runtime: page errors 1`] = `Array []`;

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

@@ -0,0 +1,9 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Universal compiler client bundle should have the inlined the client runtime: console messages 1`] = `Array []`;
+
+exports[`Universal compiler client bundle should have the inlined the client runtime: page errors 1`] = `Array []`;
+
+exports[`Universal compiler server bundle should NOT have the inlined the client runtime: console messages 1`] = `Array []`;
+
+exports[`Universal compiler server bundle should NOT have the inlined the client runtime: page errors 1`] = `Array []`;

test/e2e/universal-compiler.test.js

@@ -0,0 +1,103 @@
+"use strict";
+
+const webpack = require("webpack");
+const Server = require("../../lib/Server");
+const config = require("../fixtures/universal-compiler-config/webpack.config");
+const runBrowser = require("../helpers/run-browser");
+const port = require("../ports-map")["universal-compiler"];
+
+describe("Universal compiler", () => {
+  it("client bundle should have the inlined the client runtime", async () => {
+    const compiler = webpack(config);
+    const devServerOptions = {
+      host: "127.0.0.1",
+      port,
+    };
+    const server = new Server(devServerOptions, compiler);
+
+    await server.start();
+
+    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}/client.js`, {
+      waitUntil: "networkidle0",
+    });
+
+    const bodyHandle = await page.$("body");
+    const htmlContent = await page.evaluate(
+      (body) => body.innerHTML,
+      bodyHandle
+    );
+
+    expect(htmlContent).toContain("Hello from the client");
+    expect(htmlContent).toContain("WebsocketClient");
+
+    expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+      "console messages"
+    );
+
+    expect(pageErrors).toMatchSnapshot("page errors");
+
+    await browser.close();
+    await server.close();
+  });
+
+  it("server bundle should NOT have the inlined the client runtime", async () => {
+    // we wouldn't normally request a server bundle
+    // but we'll do it here to check the contents
+    const compiler = webpack(config);
+    const devServerOptions = {
+      host: "127.0.0.1",
+      port,
+    };
+    const server = new Server(devServerOptions, compiler);
+
+    await server.start();
+
+    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}/server.js`, {
+      waitUntil: "networkidle0",
+    });
+
+    const bodyHandle = await page.$("body");
+    const htmlContent = await page.evaluate(
+      (body) => body.innerHTML,
+      bodyHandle
+    );
+
+    expect(htmlContent).toContain("Hello from the server");
+    expect(htmlContent).not.toContain("WebsocketServer");
+
+    expect(consoleMessages.map((message) => message.text())).toMatchSnapshot(
+      "console messages"
+    );
+
+    expect(pageErrors).toMatchSnapshot("page errors");
+
+    await browser.close();
+    await server.close();
+  });
+});