test(status-page): add Playwright PoC with landing page smoke test

Minimal Playwright setup in apps/status-page to unblock the framework
decision in #1610. Single chromium-only smoke test that loads / and
asserts the page title — keeps the PoC easy to approve or reject before
investing in broader coverage (auth, monitor flows, CI integration).

Author: omonicrown

apps/status-page/.gitignore

@@ -1 +1,6 @@
 .vercel
+
+# Playwright
+/test-results/
+/playwright-report/
+/playwright/.cache/

apps/status-page/e2e/smoke.spec.ts

@@ -0,0 +1,6 @@
+import { expect, test } from "@playwright/test";
+
+test("landing page loads and shows the Status Page title", async ({ page }) => {
+  await page.goto("/");
+  await expect(page).toHaveTitle(/Status Page/);
+});

apps/status-page/package.json

@@ -9,6 +9,7 @@
     "start": "next start",
     "lint": "next lint",
     "test": "bun test",
+    "e2e": "playwright test",
     "tsc": "tsc --noEmit"
   },
   "dependencies": {
@@ -77,6 +78,7 @@
   },
   "devDependencies": {
     "@openstatus/tsconfig": "workspace:*",
+    "@playwright/test": "1.60.0",
     "@tailwindcss/postcss": "4.1.11",
     "@tailwindcss/typography": "0.5.10",
     "@types/dom-speech-recognition": "0.0.6",

apps/status-page/playwright.config.ts

@@ -0,0 +1,24 @@
+import { defineConfig, devices } from "@playwright/test";
+
+const PORT = Number(process.env.PORT ?? 3003);
+const baseURL = `http://localhost:${PORT}`;
+
+export default defineConfig({
+  testDir: "./e2e",
+  fullyParallel: true,
+  forbidOnly: !!process.env.CI,
+  retries: process.env.CI ? 2 : 0,
+  reporter: "list",
+  use: {
+    baseURL,
+    trace: "on-first-retry",
+  },
+  projects: [{ name: "chromium", use: { ...devices["Desktop Chrome"] } }],
+  webServer: {
+    command: "pnpm dev",
+    env: { PORT: String(PORT) },
+    url: baseURL,
+    reuseExistingServer: !process.env.CI,
+    timeout: 120_000,
+  },
+});