Enable parallel E2E tests with timeouts and canvas masking

- Enable fullyParallel with 4 workers locally (2 in CI)
- Add 30s timeout per test
- Mask threejs canvas for stable screenshots
- Update snapshots to reflect default values in input fields

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <[email protected]>

Author: ochafik

playwright.config.ts

@@ -2,11 +2,12 @@ import { defineConfig, devices } from "@playwright/test";
 
 export default defineConfig({
   testDir: "./tests/e2e",
-  fullyParallel: false, // Run tests sequentially to share server
+  fullyParallel: true, // Tests are independent, can run in parallel
   forbidOnly: !!process.env.CI,
   retries: process.env.CI ? 2 : 0,
-  workers: 1, // Single worker since we share the server
-  reporter: "html",
+  workers: process.env.CI ? 2 : 4, // More workers locally, fewer in CI
+  timeout: 30000, // 30s per test
+  reporter: process.env.CI ? "list" : "html",
   // Use platform-agnostic snapshot names (no -darwin/-linux suffix)
   snapshotPathTemplate:
     "{testDir}/{testFileDir}/{testFileName}-snapshots/{arg}{ext}",

tests/e2e/servers.spec.ts

@@ -17,6 +17,7 @@ const DYNAMIC_MASKS: Record<string, string[]> = {
     "#info-uptime", // System uptime
   ],
   "wiki-explorer": ["#graph"], // Force-directed graph (dynamic layout)
+  threejs: ["canvas"], // 3D render canvas (dynamic animation)
 };
 
 // Server configurations