test: move lazy-compilation.test.js to Playwright

Author: mahdikhashan

test/e2e-playwright/lazy-compilation.test.js

@@ -0,0 +1,108 @@
+"use strict";
+
+const webpack = require("webpack");
+const { test } = require("@playwright/test");
+const { expect } = require("@playwright/test");
+const { describe } = require("@playwright/test");
+const Server = require("../../lib/Server");
+const lazyCompilationSingleEntryConfig = require("../fixtures/lazy-compilation-single-entry/webpack.config");
+const lazyCompilationMultipleEntriesConfig = require("../fixtures/lazy-compilation-multiple-entries/webpack.config");
+const port = require("../ports-map")["lazy-compilation"];
+
+describe("lazy compilation", () => {
+  // TODO jest freeze due webpack do not close `eventsource`, we should uncomment this after fix it on webpack side
+  test.skip(`should work with single entry`, async ({ page }) => {
+    const compiler = webpack(lazyCompilationSingleEntryConfig);
+    const server = new Server({ port }, compiler);
+
+    await server.start();
+
+    try {
+      const pageErrors = [];
+      const consoleMessages = [];
+
+      page
+        .on("console", (message) => {
+          consoleMessages.push(message.text());
+        })
+        .on("pageerror", (error) => {
+          pageErrors.push(error);
+        });
+
+      await page.goto(`http://127.0.0.1:${port}/test.html`, {
+        waitUntil: "domcontentloaded",
+      });
+      await new Promise((resolve) => {
+        const interval = setInterval(() => {
+          if (consoleMessages.includes("Hey.")) {
+            clearInterval(interval);
+
+            resolve();
+          }
+        }, 100);
+      });
+
+      expect(JSON.stringify(consoleMessages)).toMatchSnapshot();
+      expect(JSON.stringify(pageErrors)).toMatchSnapshot();
+    } catch (error) {
+      throw error;
+    } finally {
+      await server.stop();
+    }
+  });
+
+  test.skip(`should work with multiple entries`, async ({ page }) => {
+    const compiler = webpack(lazyCompilationMultipleEntriesConfig);
+    const server = new Server({ port }, compiler);
+
+    await server.start();
+
+    try {
+      const pageErrors = [];
+      const consoleMessages = [];
+
+      page
+        .on("console", (message) => {
+          consoleMessages.push(message.text());
+        })
+        .on("pageerror", (error) => {
+          pageErrors.push(error);
+        });
+
+      await page.goto(`http://127.0.0.1:${port}/test-one.html`, {
+        waitUntil: "domcontentloaded",
+      });
+      await new Promise((resolve) => {
+        const interval = setInterval(() => {
+          console.log(consoleMessages);
+          if (consoleMessages.includes("One.")) {
+            clearInterval(interval);
+
+            resolve();
+          }
+        }, 100);
+      });
+
+      await page.goto(`http://127.0.0.1:${port}/test-two.html`, {
+        waitUntil: "domcontentloaded",
+      });
+      await new Promise((resolve) => {
+        const interval = setInterval(() => {
+          console.log(consoleMessages);
+          if (consoleMessages.includes("Two.")) {
+            clearInterval(interval);
+
+            resolve();
+          }
+        }, 100);
+      });
+
+      expect(JSON.stringify(consoleMessages)).toMatchSnapshot();
+      expect(JSON.stringify(pageErrors)).toMatchSnapshot();
+    } catch (error) {
+      throw error;
+    } finally {
+      await server.stop();
+    }
+  });
+});