test: replace Cypress with Playwright for the example e2e

.github/workflows/e2e.yml

@@ -42,5 +42,8 @@ jobs:
         working-directory: examples/css-matrix
         run: node test/bridge.mjs && node test/cache.mjs
 
+      - name: Install playwright browser
+        run: pnpm exec playwright install chromium
+
       - name: Run tests
         run: pnpm run test

.gitignore

@@ -1,6 +1,10 @@
 node_modules
 dist
 
+# Playwright (e2e/)
+test-results
+playwright-report
+
 # Local env files (examples ship committed fixtures explicitly, e.g.
 # examples/start-env/.env, which stays tracked because git ignores
 # don't apply to already-tracked files)

e2e/examples.spec.ts

@@ -0,0 +1,8 @@
+import { expect, test } from '@playwright/test';
+
+test('increments the counter', async ({ page }) => {
+  await page.goto('/');
+  await expect(page.locator('h1', { hasText: /(?:Count|Counter): 0/ })).toBeVisible();
+  await page.getByRole('button', { name: 'Increment' }).click();
+  await expect(page.locator('h1', { hasText: /(?:Count|Counter): 1/ })).toBeVisible();
+});

examples/vite-8/package.json

@@ -16,7 +16,7 @@
     "@testing-library/user-event": "^14.6.1",
     "@vitest/browser": "^5.0.5",
     "@vitest/browser-playwright": "^5.0.5",
-    "playwright": "^1.50.1",
+    "playwright": "^1.64.1",
     "vite": "^8.3.5",
     "@solidjs/vite-plugin": "workspace:*",
     "vitest": "^5.0.5"

package.json

@@ -69,15 +69,12 @@
   },
   "devDependencies": {
     "@changesets/cli": "^2.30.0",
+    "@playwright/test": "^1.64.1",
     "@skypack/package-check": "^0.2.2",
     "@solidjs/diagnostics": "2.0.0-rc.19",
     "@solidjs/start-devtools": "^1.0.0-next.3",
     "@solidjs/web": "^2.0.0-rc.19",
     "@types/node": "^24.0.0",
-    "cypress": "^14.0.0",
-    "cypress-visual-regression": "^5.2.2",
-    "cypress-vite": "^1.6.0",
-    "cypress-wait-until": "^3.0.2",
     "prettier": "^3.1.0",
     "rolldown": "^1.2.16",
     "solid-js": "^2.0.0-rc.19",

playwright.config.ts

@@ -0,0 +1,17 @@
+import { defineConfig, devices } from '@playwright/test';
+
+// The example scripts/test-examples.ts just built, served by `vite preview`.
+const example = process.env.EXAMPLE ?? 'vite-8';
+const port = 4173;
+
+export default defineConfig({
+  testDir: 'e2e',
+  forbidOnly: !!process.env.CI,
+  globalTimeout: 5 * 60_000,
+  use: { baseURL: `http://localhost:${port}` },
+  projects: [{ name: 'chromium', use: { ...devices['Desktop Chrome'] } }],
+  webServer: {
+    command: `pnpm --dir examples/${example} preview --port ${port} --strictPort`,
+    url: `http://localhost:${port}`,
+  },
+});