test(ts): run browser tests in parallel

Author: thewtex

ts/scripts/run_playwright.mjs

@@ -62,6 +62,16 @@ async function main() {
       },
     );
 
+    // Handle server process termination
+    serverProcess.on("exit", (code, signal) => {
+      if (code !== null && code !== 0) {
+        console.error(`[Server] Server process exited with code ${code}`);
+      }
+      if (signal) {
+        console.log(`[Server] Server process terminated by signal ${signal}`);
+      }
+    });
+
     // Log server output for debugging
     serverProcess.stdout.on("data", (data) => {
       console.log(`[Server] ${data.toString().trim()}`);
@@ -95,6 +105,8 @@ async function main() {
 
           if (response.statusCode === 200) {
             console.log("✅ Test server is ready!");
+            // Wait a bit longer to ensure server is fully stable
+            await new Promise((resolve) => setTimeout(resolve, 2000));
             return true;
           }
         } catch (_error) {

ts/test/browser-npm/playwright.config.js

@@ -1,5 +1,7 @@
 // @ts-check
 
+import process from "node:process";
+
 /**
  * @see https://playwright.dev/docs/test-configuration
  */
@@ -12,7 +14,7 @@ const config = {
   /* Retry on CI only */
   retries: 0,
   /* Opt out of parallel tests on CI. */
-  workers: 1,
+  workers: process.env.CI ? 2 : undefined, // Use default number of workers (CPU cores) locally, 2 on CI
   /* Reporter to use. See https://playwright.dev/docs/test-reporters */
   reporter: "list",
   /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */

ts/test/browser/server.ts

@@ -0,0 +1,70 @@
+// Simple test server for browser tests
+import { serveFile } from "@std/http/file-server";
+import { join } from "@std/path";
+
+const PORT = 3000;
+
+async function handler(req: Request): Promise<Response> {
+  const url = new URL(req.url);
+
+  // Serve the test HTML file for root requests
+  if (url.pathname === "/") {
+    const filePath = join(
+      Deno.cwd(),
+      "test",
+      "browser",
+      "fixtures",
+      "index.html",
+    );
+    return await serveFile(req, filePath);
+  }
+
+  // Serve static files from the src directory
+  if (url.pathname.startsWith("/src/")) {
+    const filePath = join(Deno.cwd(), url.pathname.substring(1));
+    try {
+      return await serveFile(req, filePath);
+    } catch {
+      return new Response("Not Found", { status: 404 });
+    }
+  }
+
+  // Serve other test fixtures
+  if (url.pathname.startsWith("/test/")) {
+    const filePath = join(Deno.cwd(), url.pathname.substring(1));
+    try {
+      return await serveFile(req, filePath);
+    } catch {
+      return new Response("Not Found", { status: 404 });
+    }
+  }
+
+  // Serve the npm test page
+  if (url.pathname === "/npm-test") {
+    const filePath = join(Deno.cwd(), "test", "browser-npm", "index.html");
+    return await serveFile(req, filePath);
+  }
+
+  // Serve the npm package files
+  if (url.pathname.startsWith("/npm/")) {
+    const filePath = join(Deno.cwd(), url.pathname.substring(1));
+    try {
+      return await serveFile(req, filePath);
+    } catch {
+      return new Response("Not Found", { status: 404 });
+    }
+  }
+
+  return new Response("Not Found", { status: 404 });
+}
+
+console.log(`Test server running at http://localhost:${PORT}`);
+console.log(`Listening on http://0.0.0.0:${PORT}/ (http://localhost:${PORT}/)`);
+
+try {
+  const server = Deno.serve({ port: PORT }, handler);
+  await server.finished;
+} catch (error) {
+  console.error("Failed to start server:", error);
+  Deno.exit(1);
+}