Hold the fake Generate draft on screen long enough to inspect

On mobile, a full-page screenshot could outlast the one-second fake stream
before the draft's ARIA snapshot. fake.streamDelay(ms) slows streamed
chunks for one test; the next reset restores the default.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

Author: Programcode

.claude/skills/verify-debatelab/SKILL.md

@@ -174,7 +174,7 @@ It never touches `.verify/artifacts/` or `.verify/logs/`, and it is safe to run
 
 - Live runs are slow: sparring and crossfire take several minutes each because the model must reason. Use `-g` to run one test while iterating.
 - Vite does not reload `tailwind.config.ts` on a running stack: new theme keys, variants and the `future` flags produce no CSS until `$H down && $H up`. Edits to `src/` and `src/index.css` apply on reload as usual.
-- The fake provider streams a structured answer in 24-character chunks 10 ms apart when the request asks to stream, so a Generate draft is on screen for about a second in fake mode. Short replies (a Crossfire turn) finish in well under that, so prove those with `expectStreamed` rather than by catching the draft.
+- The fake provider streams a structured answer in 24-character chunks 10 ms apart when the request asks to stream, so a Generate draft is on screen for about a second in fake mode; `fake.streamDelay(ms)` slows it for one test (the next reset restores it). Short replies (a Crossfire turn) finish in well under that, so prove those with `expectStreamed` rather than by catching the draft.
 - The fake provider rejects prompts it doesn't recognize. If a prompt change makes a feature fail with a provider error, update `e2e/full-stack/fake-openrouter.mjs`. Don't mock around it.
 - Once, the fake-provider container was SIGKILLed about 20 seconds after `up`, and the cause was never found. Doctor catches this, and `drive` refuses to run until you `down && up`.
 - Demo-code users are Pro with a daily limit of 999. To test quota or tier paths, change `user_settings` through `admin` inside the recipe, as `e2e/full-stack/case-generation.spec.ts` does.

.claude/skills/verify-debatelab/recipes/live-generation.spec.ts

@@ -1,5 +1,5 @@
 import type { Page, Response } from "@playwright/test";
-import { AI_TIMEOUT, expect, expectStreamed, readAIResponse, startDebate, test } from "./fixtures";
+import { AI_TIMEOUT, expect, expectStreamed, fake, readAIResponse, startDebate, test } from "./fixtures";
 
 // Feature map: features/live-generation.md.
 const motion = "This House would make public transport free at the point of use";
@@ -32,6 +32,8 @@ async function expectLiveStream(response: Response) {
 }
 
 test("live-generate: a case fills in section by section while the model writes it", async ({ signedIn: page, evidence }) => {
+  // Fake mode writes a case in about a second; slow it so the draft can be inspected.
+  await fake.streamDelay(80);
   await startDebate(page, motion);
   await page.goto("/app/generate");
   await expect(page.getByRole("textbox", { name: "Motion / Topic *" })).toHaveValue(motion);

e2e/full-stack/fake-openrouter.mjs

@@ -19,6 +19,8 @@ if (upstream && !liveModel) throw new Error("LIVE_MODEL is required with UPSTREA
 const requests = [];
 let failures = [];
 let upstreamCalls = 0;
+// Delay between streamed chunks; a test can slow it to keep a draft on screen.
+let streamDelayMs;
 
 const MARK = "FAKE-PROVIDER";
 
@@ -217,7 +219,7 @@ async function streamJson(res, content) {
   res.writeHead(200, { "content-type": "text/event-stream", "cache-control": "no-cache" });
   for (let index = 0; index < content.length; index += STREAM_CHUNK_CHARS) {
     res.write(`data: ${JSON.stringify({ choices: [{ delta: { content: content.slice(index, index + STREAM_CHUNK_CHARS) } }] })}\n\n`);
-    await new Promise((resolve) => setTimeout(resolve, STREAM_CHUNK_DELAY_MS));
+    await new Promise((resolve) => setTimeout(resolve, streamDelayMs ?? STREAM_CHUNK_DELAY_MS));
   }
   res.write(`data: ${JSON.stringify({ choices: [{ delta: {}, finish_reason: "stop" }] })}\n\n`);
   res.write(`data: ${JSON.stringify({ choices: [], usage })}\n\n`);
@@ -307,6 +309,12 @@ createServer(async (req, res) => {
   if (url.pathname === "/__reset" && req.method === "POST") {
     requests.length = 0;
     failures = [];
+    streamDelayMs = undefined;
+    return json(res, 200, { ok: true });
+  }
+  if (url.pathname === "/__stream-delay" && req.method === "POST") {
+    const { ms } = JSON.parse(await readBody(req) || "{}");
+    streamDelayMs = typeof ms === "number" && ms >= 0 ? ms : undefined;
     return json(res, 200, { ok: true });
   }
   if (url.pathname === "/__fail" && req.method === "POST") {

e2e/full-stack/stack-core.ts

@@ -34,6 +34,10 @@ export const fake = {
   async fail(feature: string, status = 500, count = 1) {
     await fetch(`${fakeUrl}/__fail`, { method: "POST", body: JSON.stringify({ feature, status, count }) });
   },
+  /** Milliseconds between streamed chunks (fake mode only) until the next reset. */
+  async streamDelay(ms: number) {
+    await fetch(`${fakeUrl}/__stream-delay`, { method: "POST", body: JSON.stringify({ ms }) });
+  },
 };
 
 export type DemoUser = { code: string; email: string; userId: () => Promise<string> };