website refactor

tests/e2e/website/runtime-health.e2e.test.ts

@@ -0,0 +1,46 @@
+import { expect, test } from '@playwright/test';
+import { ConsoleErrorCapture } from '../../shared/website/ConsoleErrorCapture';
+
+const WEBSITE_BASE_URL = process.env.PLAYWRIGHT_BASE_URL || 'http://localhost:3000';
+
+const CRITICAL_ROUTES = [
+  '/',
+  '/dashboard',
+  '/leagues',
+  '/teams',
+  '/drivers',
+];
+
+const ALLOWED_WARNINGS = [
+  'hydration',
+  'text content does not match',
+  'warning:',
+  'download the react devtools',
+  'connection refused',
+  'failed to load resource',
+  'network error',
+  'cors',
+  'react does not recognize the `%s` prop on a dom element',
+];
+
+test.describe('Runtime Health', () => {
+  for (const path of CRITICAL_ROUTES) {
+    test(`route ${path} should have no unexpected console errors`, async ({ page }) => {
+      const capture = new ConsoleErrorCapture(page);
+      capture.setAllowlist(ALLOWED_WARNINGS);
+      
+      const response = await page.goto(`${WEBSITE_BASE_URL}${path}`);
+      
+      // Some routes might redirect to login if not authenticated, which is fine for health check
+      // as long as the page itself doesn't crash.
+      expect(response?.status()).toBeLessThan(500);
+
+      // Wait a bit for client-side errors to surface
+      await page.waitForTimeout(1000);
+
+      if (capture.hasUnexpectedErrors()) {
+        throw new Error(`Found unexpected console errors on ${path}:\n${capture.format()}`);
+      }
+    });
+  }
+});