refactor: changed to single worker

Author: Austin1serb

packages/core/__tests__/config/playwright.next.config.js

@@ -10,7 +10,7 @@ const BASE_URL = `http://localhost:${PORT}`;
 
 export default defineConfig({
 	testDir: "../e2e", // all E2E specs live here
-	workers: 2,
+	workers: 1,
 	timeout: 300_000,
 	expect: {
 		timeout: 150_000,

packages/core/__tests__/config/playwright.vite.config.js

@@ -10,7 +10,7 @@ const BASE_URL = `http://localhost:${PORT}`;
 
 export default defineConfig({
 	testDir: "../e2e", // all E2E specs live here
-	workers: 2,
+	workers: 1,
 	timeout: 300_000,
 	expect: {
 		timeout: 150_000,

packages/core/__tests__/e2e/next.spec.js

@@ -1,34 +1,36 @@
 import { test, expect } from '@playwright/test';
 
-// Table-driven so every toggle runs in its own fresh browser context.
 const scenarios = [
   { toggle: 'theme-toggle', attr: 'data-theme' },
   { toggle: 'theme-toggle-secondary', attr: 'data-theme-2' },
   { toggle: 'theme-toggle-3', attr: 'data-theme-three' },
 ];
 
-test.describe('Zero-UI Next Integration', () => {
+test.describe.configure({ mode: 'serial' });   // run one after another
+test.describe('Zero-UI Next.js integration', () => {
   for (const { toggle, attr } of scenarios) {
-    test(`toggles <${attr}> from light → dark`, async ({ page }) => {
-      // 1️⃣ Load fully hydrated page
+    test(`starts "light" and flips <${attr}> → "dark"`, async ({ page }) => {
       await page.goto('/', { waitUntil: 'networkidle' });
-      await page.locator('body').waitFor({ state: 'visible', timeout: 5000 });
-      console.log(`✅ page loaded testing ${attr} from light → dark`);
 
       const body = page.locator('body');
       const button = page.getByTestId(toggle);
 
-
-      // 2️⃣ Assert initial state
-      await expect.poll(async () => await body.getAttribute(attr)).toBe('light');
-      await expect.poll(async () => await button.isVisible()).toBe(true);   // auto-retries until true
-
-
-      // 3️⃣ Action
-      await button.click((console.log(`✅ ${button} clicked`)));
-
-      // 4️⃣ Final state
-      await expect.poll(async () => await body.getAttribute(attr)).toBe('dark');
+      /* ①  Wait until the attribute exists at all */
+      await expect.poll(async () => {
+        const v = await body.getAttribute(attr);
+        return v !== null;
+      }).toBe(true);                      // attribute now present (any value)
+
+      /* ②  Now assert it is "light" */
+      await expect(body).toHaveAttribute(attr, 'light');
+
+      /* ③  Click & assert "dark" */
+      await button.click();
+      await expect.poll(async () => {
+        const v = await body.getAttribute(attr);
+        return v !== null;
+      }).toBe(true);
+      await expect(body).toHaveAttribute(attr, 'dark');
     });
   }
-});
+});

packages/core/__tests__/e2e/vite.spec.js

@@ -1,34 +1,36 @@
 import { test, expect } from '@playwright/test';
 
-// Table-driven so every toggle runs in its own fresh browser context.
 const scenarios = [
   { toggle: 'theme-toggle', attr: 'data-theme' },
   { toggle: 'theme-toggle-secondary', attr: 'data-theme-2' },
   { toggle: 'theme-toggle-3', attr: 'data-theme-three' },
 ];
 
-test.describe('Zero-UI Vite Integration', () => {
+test.describe.configure({ mode: 'serial' });   // run one after another
+test.describe('Zero-UI Vite integration', () => {
   for (const { toggle, attr } of scenarios) {
-    test(`toggles <${attr}> from light → dark`, async ({ page }) => {
-      // 1️⃣ Load fully hydrated page
+    test(`starts "light" and flips <${attr}> → "dark"`, async ({ page }) => {
       await page.goto('/', { waitUntil: 'networkidle' });
-      await page.locator('body').waitFor({ state: 'visible', timeout: 5000 });
-      console.log(`✅ page loaded testing ${attr} from light → dark`);
 
       const body = page.locator('body');
       const button = page.getByTestId(toggle);
 
-
-      // 2️⃣ Assert initial state
-      await expect.poll(async () => await body.getAttribute(attr)).toBe('light');
-      await expect.poll(async () => await button.isVisible()).toBe(true);   // auto-retries until true
-
-
-      // 3️⃣ Action
-      await button.click((console.log(`✅ ${button} clicked`)));
-
-      // 4️⃣ Final state
-      await expect.poll(async () => await body.getAttribute(attr)).toBe('dark');
+      /* ①  Wait until the attribute exists at all */
+      await expect.poll(async () => {
+        const v = await body.getAttribute(attr);
+        return v !== null;
+      }).toBe(true);                      // attribute now present (any value)
+
+      /* ②  Now assert it is "light" */
+      await expect(body).toHaveAttribute(attr, 'light');
+
+      /* ③  Click & assert "dark" */
+      await button.click();
+      await expect.poll(async () => {
+        const v = await body.getAttribute(attr);
+        return v !== null;
+      }).toBe(true);
+      await expect(body).toHaveAttribute(attr, 'dark');
     });
   }
-});
+});

packages/core/__tests__/helpers/globalSetup.next.js

@@ -14,10 +14,7 @@ export default async function globalSetup() {
   resetZeroUiState(projectDir, true);
 
   const zeroUiCli = await loadCliFromFixture(projectDir);
-  const cwd = process.cwd();
-  process.chdir(projectDir);
-  await Promise.resolve(zeroUiCli([]));
-  process.chdir(cwd);
+  await zeroUiCli([]);
 
   console.log('[Global Setup] Next.js fixture setup complete!');
 } 

packages/core/__tests__/helpers/globalSetup.vite.js

@@ -13,10 +13,7 @@ export default async function globalSetup() {
   resetZeroUiState(projectDir, false);
 
   const zeroUiCli = await loadCliFromFixture(projectDir);
-  const cwd = process.cwd();
-  process.chdir(projectDir);
-  await Promise.resolve(zeroUiCli([]));
-  process.chdir(cwd);
+  await zeroUiCli([]);
 
   console.log('[Global Setup] Vite fixture setup complete!');
 }