test(server): fix extension e2e test error from serviceworker timeout

Author: lastsunday

apps/extension/features/steps/fixtures.ts

@@ -4,53 +4,48 @@ import path from "path";
 const pathToExtension = path.resolve(".output/chrome-mv3");
 
 type Fixtures = {
-    context: BrowserContext;
-    extensionId: string;
+  context: BrowserContext;
+  extensionId: string;
 };
 
 export const test = base.extend<Fixtures>({
-    context: async ({ }, use) => {
-        const context = await chromium.launchPersistentContext("", {
-            headless: true,
-            timeout: 60000,
-            args: [
-                `--disable-extensions-except=${pathToExtension}`,
-                `--load-extension=${pathToExtension}`,
-            ],
-        });
-        await use(context);
-        await Promise.all(context.pages().map(p => p.close().catch(() => {})));
-        await Promise.race([
-            context.close(),
-            new Promise<void>(resolve => setTimeout(resolve, 5000)),
-        ]);
-    },
-    extensionId: async ({ context }, use) => {
-        let background: { url(): string };
-        if (pathToExtension.endsWith("-mv3")) {
-            const swPromise = context.waitForEvent("serviceworker", { timeout: 120000 });
-            const serviceWorkers = context.serviceWorkers();
-            if (serviceWorkers.length > 0) {
-                background = serviceWorkers[0];
-            } else {
-                try {
-                    background = await swPromise;
-                } catch (error) {
-                    throw new Error(
-                        `Failed to load extension service worker within 60s. ` +
-                        `Ensure extension is built (wxt build) and output exists at ${pathToExtension}. ${error}`
-                    );
-                }
-            }
-        } else {
-            [background] = context.backgroundPages();
-            if (!background)
-                background = await context.waitForEvent("backgroundpage");
+  context: async ({ }, use) => {
+    const context = await chromium.launchPersistentContext("", {
+      headless: true,
+      timeout: 60000,
+      args: [
+        `--disable-extensions-except=${pathToExtension}`,
+        `--load-extension=${pathToExtension}`,
+      ],
+    });
+    await use(context);
+  },
+  extensionId: async ({ context }, use) => {
+    let background: { url(): string };
+    if (pathToExtension.endsWith("-mv3")) {
+      const swPromise = context.waitForEvent("serviceworker", { timeout: 120000 });
+      const serviceWorkers = context.serviceWorkers();
+      if (serviceWorkers.length > 0) {
+        background = serviceWorkers[0];
+      } else {
+        try {
+          background = await swPromise;
+        } catch (error) {
+          throw new Error(
+            `Failed to load extension service worker within 60s. ` +
+            `Ensure extension is built (wxt build) and output exists at ${pathToExtension}. ${error}`
+          );
         }
+      }
+    } else {
+      [background] = context.backgroundPages();
+      if (!background)
+        background = await context.waitForEvent("backgroundpage");
+    }
 
-        const extensionId = background.url().split("/")[2];
-        await use(extensionId);
-    },
+    const extensionId = background.url().split("/")[2];
+    await use(extensionId);
+  },
 });
 
-export const { Given, When, Then } = createBdd(test);
+export const { Given, When, Then } = createBdd(test);