ci: budget for SwiftShader's ~1fps on heavy examples

First real CI run: Xvfb+SwiftShader WebGPU path WORKS (3/4 passed on a free
runner, incl. MRT bloom). skinning-instancing timed out on readiness — 30
settle frames at software-raster framerates exceeds 60s. Settle frames
30→12, readiness timeout 180s in CI, test timeout 300s in CI.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

Author: DennisSmolek

playwright.config.ts

@@ -21,7 +21,7 @@ const WEBGPU_ARGS = [
 
 export default defineConfig({
   testDir: 'tests',
-  timeout: 90_000,
+  timeout: process.env.CI ? 300_000 : 90_000,
   retries: process.env.CI ? 1 : 0,
   reporter: process.env.CI ? [['github'], ['list']] : 'list',
   use: {

src/utils/ReadinessSignal.tsx

@@ -17,7 +17,9 @@ declare global {
   }
 }
 
-const SETTLE_FRAMES = 30
+// Kept low: on CI's SwiftShader (software raster) heavy examples run at ~1 fps,
+// so every settle frame costs real wall-clock against the smoke timeout.
+const SETTLE_FRAMES = 12
 
 export function ReadinessSignal() {
   const settled = useRef(0)

tests/smoke.spec.ts

@@ -24,10 +24,12 @@ for (const { slug } of examples) {
 
     await page.goto(`/examples/${slug}`)
 
-    // Readiness = loaders settled + 30 clean frames (window.__exampleReady, set by
-    // <ReadinessSignal> inside DemoHelpers). Poll instead of sleeping.
+    // Readiness = loaders settled + clean frames (window.__exampleReady, set by
+    // <ReadinessSignal> inside DemoHelpers). Poll instead of sleeping. CI gets a
+    // bigger budget: SwiftShader renders heavy examples at ~1 fps, so settle frames
+    // cost real wall-clock there (verified: 30 instances + blur blew 60s twice).
     await page.waitForFunction(() => window.__exampleReady === true, undefined, {
-      timeout: 60_000,
+      timeout: process.env.CI ? 180_000 : 60_000,
     })
 
     // Real webgpu context, not a WebGL2 fallback: getContext returns the existing