@cueloop/client 0.1.0-alpha.11 → 0.1.0-alpha.12

package/package.json

@@ -1,22 +1,22 @@
 {
   "name": "@cueloop/client",
-  "version": "0.1.0-alpha.11",
+  "version": "0.1.0-alpha.12",
   "license": "Apache-2.0",
   "type": "module",
   "exports": {
     ".": "./src/index.ts"
   },
   "dependencies": {
-    "@cueloop/daemon": "0.1.0-alpha.11",
-    "@cueloop/extension-api": "0.1.0-alpha.11",
-    "@cueloop/integration-obsidian": "0.1.0-alpha.11",
-    "@cueloop/schema": "0.1.0-alpha.11",
+    "@cueloop/daemon": "0.1.0-alpha.12",
+    "@cueloop/extension-api": "0.1.0-alpha.12",
+    "@cueloop/integration-obsidian": "0.1.0-alpha.12",
+    "@cueloop/schema": "0.1.0-alpha.12",
     "@opentui/core": "^0.5.1",
+    "@opentui/keymap": "0.5.1",
     "@opentui/react": "^0.5.1",
     "@opentui/ssh": "0.5.1",
     "@pierre/diffs": "^1.3.5",
-    "react": "^19.2.0",
-    "shiki": "^4.4.2"
+    "react": "^19.2.0"
   },
   "devDependencies": {
     "@types/react": "^19.2.0",

package/src/App.autoclose.test.tsx

@@ -1,4 +1,8 @@
-/** Post-submit completion overlay: prompt, opt-in persistence, countdown, dismissal. */
+/**
+ * Post-submit completion overlay: prompt, opt-in persistence, countdown,
+ * dismissal. Countdown seconds tick on an injected ManualClock, so the
+ * tests advance time instead of waiting it out.
+ */
 
 import { afterEach, beforeEach, describe, expect, test } from "bun:test";
 import { existsSync, mkdtempSync, readFileSync, rmSync, writeFileSync } from "node:fs";
@@ -6,9 +10,11 @@ import { tmpdir } from "node:os";
 import { join } from "node:path";
 import React from "react";
 import { testRender } from "@opentui/react/test-utils";
+import { ManualClock } from "@opentui/core/testing";
 import { DaemonServer } from "@cueloop/daemon";
 import type { ReviewSession } from "@cueloop/schema";
 import { App } from "./App";
+import { press, settle, waitForText } from "./test-support";
 
 const PLAN = "# Plan\n\nShip the thing.\n";
 
@@ -16,6 +22,7 @@ let home: string;
 let server: DaemonServer;
 let session: ReviewSession;
 let configPath: string;
+let clock: ManualClock;
 
 beforeEach(() => {
   home = mkdtempSync(join(tmpdir(), "cueloop-close-"));
@@ -27,6 +34,7 @@ beforeEach(() => {
     workspace: { repoRoot: "/repo", branch: "main" },
     artifact: { type: "plan", content: PLAN, meta: { title: "Plan" } },
   });
+  clock = new ManualClock();
 });
 afterEach(() => {
   delete process.env.CUELOOP_CONFIG;
@@ -35,34 +43,20 @@ afterEach(() => {
 });
 
 async function renderApp(onExit?: (code: number) => void) {
-  const setup = await testRender(<App home={home} sessionId={session.id} onExit={onExit} />, {
+  const setup = await testRender(<App home={home} sessionId={session.id} onExit={onExit} clock={clock} />, {
     width: 120,
     height: 30,
   });
-  for (let i = 0; i < 40 && !setup.captureCharFrame().includes("cueloop"); i++) {
-    await Bun.sleep(25);
-    await setup.renderOnce();
-  }
+  await waitForText(setup, "cueloop");
   return setup;
 }
 
 type Setup = Awaited<ReturnType<typeof renderApp>>;
-async function press(setup: Setup, k: string): Promise<void> {
-  if (k === "enter") setup.mockInput.pressKey("RETURN");
-  else if (k === "escape") setup.mockInput.pressKey("ESCAPE");
-  else await setup.mockInput.typeText(k);
-  await Bun.sleep(15);
-  await setup.renderOnce();
-}
 
 async function submitApprove(setup: Setup): Promise<void> {
   await press(setup, "enter"); // open submit (approve default: no pending items)
   await press(setup, "enter"); // confirm
-  const deadline = Date.now() + 10_000;
-  while (Date.now() < deadline && !setup.captureCharFrame().includes("review approved")) {
-    await Bun.sleep(25);
-    await setup.renderOnce();
-  }
+  await waitForText(setup, "review approved");
 }
 
 describe("completion overlay", () => {
@@ -81,24 +75,21 @@ describe("completion overlay", () => {
     const setup = await renderApp();
     await submitApprove(setup);
     await press(setup, "a");
-    expect(setup.captureCharFrame()).toContain("closing in 3s");
+    await waitForText(setup, "closing in 3s");
     expect(existsSync(configPath)).toBe(true);
     expect(readFileSync(configPath, "utf8")).toContain("auto_close = 3");
+    // each countdown second is one manual-clock tick, not wall time
+    clock.advance(1000);
+    await waitForText(setup, "closing in 2s");
   });
 
   test("esc dismisses to the resolved read-only view", async () => {
     const setup = await renderApp();
     await submitApprove(setup);
-    await press(setup, "escape");
     // a bare ESC sits in the input parser's escape-sequence disambiguation
-    // window before it is delivered - poll for the dismissal
-    const deadline = Date.now() + 5_000;
-    while (Date.now() < deadline && !setup.captureCharFrame().includes("resolved: approve")) {
-      await Bun.sleep(50);
-      await setup.renderOnce();
-    }
-    const frame = setup.captureCharFrame();
-    expect(frame).toContain("resolved: approve");
+    // window before it is delivered - the frame wait absorbs it
+    await press(setup, "escape");
+    const frame = await waitForText(setup, "resolved: approve");
     expect(frame).not.toContain("always close after submit");
   });
 
@@ -107,12 +98,10 @@ describe("completion overlay", () => {
     let exited = -1;
     const setup = await renderApp((code) => (exited = code));
     await submitApprove(setup);
-    expect(setup.captureCharFrame()).toContain("closing in 1s");
-    const deadline = Date.now() + 10_000;
-    while (Date.now() < deadline && exited === -1) {
-      await Bun.sleep(100);
-      await setup.renderOnce();
-    }
+    await waitForText(setup, "closing in 1s");
+    expect(exited).toBe(-1);
+    clock.advance(1000);
+    await settle(setup);
     expect(exited).toBe(0);
-  }, 20_000);
+  });
 });

package/src/App.diff.test.tsx

@@ -9,6 +9,7 @@ import { testRender } from "@opentui/react/test-utils";
 import { DaemonServer } from "@cueloop/daemon";
 import type { ReviewSession } from "@cueloop/schema";
 import { App } from "./App";
+import { press, waitForText } from "./test-support";
 
 const PATCH = `diff --git a/src/store.ts b/src/store.ts
 index 111..222 100644
@@ -41,22 +42,10 @@ afterEach(() => {
 
 async function renderApp() {
   const setup = await testRender(<App home={home} sessionId={session.id} />, { width: 120, height: 30 });
-  for (let i = 0; i < 40 && !setup.captureCharFrame().includes("cueloop"); i++) {
-    await Bun.sleep(25);
-    await setup.renderOnce();
-  }
-  await setup.renderOnce();
+  await waitForText(setup, "cueloop");
   return setup;
 }
 
-type Setup = Awaited<ReturnType<typeof renderApp>>;
-async function press(setup: Setup, k: string): Promise<void> {
-  if (k === "enter") setup.mockInput.pressKey("RETURN");
-  else await setup.mockInput.typeText(k);
-  await Bun.sleep(15);
-  await setup.renderOnce();
-}
-
 describe("diff review", () => {
   test("renders file header, hunks, and signed lines", async () => {
     const setup = await renderApp();
@@ -75,17 +64,15 @@ describe("diff review", () => {
     expect(setup.captureCharFrame()).toContain("COMMENT ON");
     await setup.mockInput.typeText("Map needs an eviction story.");
     await press(setup, "enter");
-    await Bun.sleep(80);
-    await setup.renderOnce();
+    // inline annotation card rendered under the line
+    await waitForText(setup, "◆ Map needs an eviction story.");
     const stored = server.core.sessionGet(session.id);
     expect(stored.annotations.length).toBe(1);
     expect(stored.annotations[0]!.anchor.quote).toContain("new Map()");
-    // inline annotation card rendered under the line
-    expect(setup.captureCharFrame()).toContain("◆ Map needs an eviction story.");
 
     await press(setup, "enter"); // submit
     await press(setup, "enter"); // confirm request_changes
-    await Bun.sleep(100);
+    await waitForText(setup, "✎ feedback sent");
     const resolved = server.core.sessionGet(session.id);
     expect(resolved.verdict!.feedback).toContain("new Map()");
     expect(resolved.verdict!.feedback).toContain("Map needs an eviction story.");

package/src/App.export.test.tsx

@@ -13,6 +13,7 @@ import { testRender } from "@opentui/react/test-utils";
 import { DaemonServer } from "@cueloop/daemon";
 import type { ReviewSession } from "@cueloop/schema";
 import { App } from "./App";
+import { press, waitForState, waitForText } from "./test-support";
 
 const PLAN = `# Migration Plan
 
@@ -50,30 +51,16 @@ afterEach(() => {
 describe("obsidian export on resolve", () => {
   test("submitting a review writes the plan into the vault and shows the path", async () => {
     const setup = await testRender(<App home={home} sessionId={session.id} />, { width: 120, height: 32 });
-    for (let i = 0; i < 40 && !setup.captureCharFrame().includes("cueloop"); i++) {
-      await Bun.sleep(25);
-      await setup.renderOnce();
-    }
+    await waitForText(setup, "cueloop");
     // open the submit overlay, keep the default verdict (approve), submit
-    setup.mockInput.pressKey("RETURN");
-    await Bun.sleep(15);
-    await setup.renderOnce();
+    await press(setup, "enter");
     expect(setup.captureCharFrame()).toContain("verdict");
-    setup.mockInput.pressKey("RETURN");
-    // wall-clock deadlines: the export is an async round-trip after resolve,
-    // and an iteration count times out on a loaded runner
+    await press(setup, "enter");
+    // the export is an async round-trip after resolve; the status line lands
+    // on a later render than the file write
     const dir = join(vault, "cueloop");
-    const fileDeadline = Date.now() + 30_000;
-    while (Date.now() < fileDeadline && !existsSync(dir)) {
-      await Bun.sleep(25);
-      await setup.renderOnce();
-    }
-    // the status line lands on a later render than the file write
-    const statusDeadline = Date.now() + 30_000;
-    while (Date.now() < statusDeadline && !setup.captureCharFrame().includes("exported to")) {
-      await Bun.sleep(25);
-      await setup.renderOnce();
-    }
+    await waitForState(setup, () => existsSync(dir));
+    await waitForText(setup, "exported to");
 
     const notes = readdirSync(dir);
     expect(notes.length).toBe(1);

package/src/App.plan-review.test.tsx

@@ -16,6 +16,7 @@ import { DaemonServer } from "@cueloop/daemon";
 import type { ReviewSession } from "@cueloop/schema";
 import { App } from "./App";
 import { DARK as T } from "./theme";
+import { press, settle, typeText as type, waitForState, waitForText, waitForTextGone } from "./test-support";
 
 const PLAN = `# Migration Plan
 
@@ -52,33 +53,12 @@ async function renderApp() {
     width: 120,
     height: 32,
   });
-  for (let attempt = 0; attempt < 40 && !setup.captureCharFrame().includes("cueloop"); attempt++) {
-    await Bun.sleep(25);
-    await setup.renderOnce();
-  }
-  await setup.renderOnce();
+  await waitForText(setup, "cueloop");
   return setup;
 }
 
 type Setup = Awaited<ReturnType<typeof renderApp>>;
 
-async function press(setup: Setup, k: string): Promise<void> {
-  if (k === "enter") setup.mockInput.pressKey("RETURN");
-  else if (k === "escape") {
-    setup.mockInput.pressKey("ESCAPE");
-    // a bare ESC byte is an ambiguous sequence prefix; the parser settles late
-    await Bun.sleep(120);
-  } else await type(setup, k);
-  await Bun.sleep(15);
-  await setup.renderOnce();
-}
-
-async function type(setup: Setup, text: string): Promise<void> {
-  await setup.mockInput.typeText(text);
-  await Bun.sleep(15);
-  await setup.renderOnce();
-}
-
 /**
  * Background colors (hex) of every styled span containing the needle - the
  * document highlight and the rail's quote excerpt can both match.
@@ -111,10 +91,8 @@ describe("selection feeds the annotation quote", () => {
     expect(setup.captureCharFrame()).toContain('comment on "The daemon"');
     await type(setup, "Which daemon?");
     await press(setup, "enter");
-    await Bun.sleep(80);
-    await setup.renderOnce();
+    await waitForState(setup, () => server.core.sessionGet(session.id).annotations.length === 1);
     const stored = server.core.sessionGet(session.id);
-    expect(stored.annotations.length).toBe(1);
     expect(stored.annotations[0]!.anchor.quote).toBe("The daemon");
   });
 
@@ -126,12 +104,12 @@ describe("selection feeds the annotation quote", () => {
     expect(row).toBeGreaterThan(-1);
     // the drag's end cell is exclusive: release one past the last character
     await setup.mockMouse.drag(startColumn, row, startColumn + "persists sessions".length, row);
-    await setup.renderOnce();
+    await settle(setup);
     await press(setup, "c");
     expect(setup.captureCharFrame()).toContain('comment on "persists sessions"');
     await type(setup, "sessions plural?");
     await press(setup, "enter");
-    await Bun.sleep(80);
+    await waitForState(setup, () => server.core.sessionGet(session.id).annotations.length === 1);
     const stored = server.core.sessionGet(session.id);
     expect(stored.annotations[0]!.anchor.quote).toBe("persists sessions");
   });
@@ -148,16 +126,16 @@ describe("inline compose keeps the anchor painted", () => {
     expect(setup.captureCharFrame()).toContain("Save ⏎");
     expect(setup.captureCharFrame()).toContain("Cancel esc");
     expect(backgroundsOf(setup, "The daemon")).toContain(T.accent);
-    // cancel un-paints
+    // cancel un-paints (a bare ESC settles after the parser's escape window)
     await press(setup, "escape");
-    expect(setup.captureCharFrame()).not.toContain('comment on "');
+    await waitForTextGone(setup, 'comment on "');
     expect(backgroundsOf(setup, "The daemon")).not.toContain(T.accent);
     // save converts the paint to the kind-colored annotation highlight
     await press(setup, "c");
     await type(setup, "Which daemon?");
     await press(setup, "enter");
-    await Bun.sleep(80);
-    await setup.renderOnce();
+    await waitForState(setup, () => server.core.sessionGet(session.id).annotations.length === 1);
+    await settle(setup);
     // the whole cursor block is the anchor here; check the highlight landed
     const stored = server.core.sessionGet(session.id);
     expect(stored.annotations.length).toBe(1);
@@ -172,18 +150,15 @@ describe("the document selects, the rail edits", () => {
     await press(setup, "c");
     await type(setup, "Needs a citation.");
     await press(setup, "enter");
-    await Bun.sleep(80);
-    await setup.renderOnce();
-    expect(setup.captureCharFrame()).toContain("COMMENT · pending");
+    await waitForText(setup, "COMMENT · pending");
     // the saved card is selected; e turns its body into an input in place
     await press(setup, "e");
     await type(setup, " And a link.");
     await press(setup, "enter");
-    await Bun.sleep(80);
-    await setup.renderOnce();
-    const stored = server.core.sessionGet(session.id);
-    expect(stored.annotations.length).toBe(1);
-    expect(stored.annotations[0]!.body).toBe("Needs a citation. And a link.");
+    await waitForState(
+      setup,
+      () => server.core.sessionGet(session.id).annotations[0]!.body === "Needs a citation. And a link.",
+    );
   });
 
   test("x deletes the selected card and un-paints the document highlight", async () => {
@@ -192,15 +167,12 @@ describe("the document selects, the rail edits", () => {
     await press(setup, "c");
     await type(setup, "Delete me.");
     await press(setup, "enter");
-    await Bun.sleep(80);
-    await setup.renderOnce();
+    await waitForText(setup, "COMMENT · pending");
     expect(server.core.sessionGet(session.id).annotations.length).toBe(1);
     expect(backgroundsOf(setup, "persists sessions")).toContain(T.markCommentBg);
     await press(setup, "x");
-    await Bun.sleep(80);
-    await setup.renderOnce();
+    await waitForTextGone(setup, "COMMENT · pending");
     expect(server.core.sessionGet(session.id).annotations.length).toBe(0);
-    expect(setup.captureCharFrame()).not.toContain("COMMENT · pending");
     expect(backgroundsOf(setup, "persists sessions")).not.toContain(T.markCommentBg);
   });
 });
@@ -239,17 +211,14 @@ describe("edit-exit reconciliation", () => {
       await press(setup, "c");
       await type(setup, "Anchor me to the doomed passage.");
       await press(setup, "enter");
-      await Bun.sleep(80);
-      await setup.renderOnce();
-      expect(setup.captureCharFrame()).toContain("· pending");
+      await waitForText(setup, "· pending");
       // deselect the card so e reaches the editor hand-off, then edit
       await press(setup, "escape");
+      await waitForTextGone(setup, "▸ COMMENT");
       await press(setup, "e");
-      await Bun.sleep(150);
-      await setup.renderOnce();
-      const frame = setup.captureCharFrame();
-      expect(frame).toContain("1 annotation no longer match - the passage was removed.");
-      expect(frame).toContain("· ORPHANED");
+      await waitForText(setup, "1 annotation no longer match - the passage was removed.");
+      // the rail card flips to ORPHANED once the working-copy refresh lands
+      await waitForText(setup, "· ORPHANED");
       // the annotation is NOT deleted: the feedback serializer handles orphans
       expect(server.core.sessionGet(session.id).annotations.length).toBe(1);
     } finally {

package/src/App.readonly.test.tsx

@@ -13,6 +13,7 @@ import { testRender } from "@opentui/react/test-utils";
 import { DaemonServer } from "@cueloop/daemon";
 import { makeAnchor, parseBlocks, type ReviewSession } from "@cueloop/schema";
 import { App } from "./App";
+import { press, waitForText } from "./test-support";
 
 const PLAN = `# Migration Plan
 
@@ -49,23 +50,10 @@ async function renderObserver() {
     width: 120,
     height: 32,
   });
-  for (let i = 0; i < 40 && !setup.captureCharFrame().includes("cueloop"); i++) {
-    await Bun.sleep(25);
-    await setup.renderOnce();
-  }
-  await setup.renderOnce();
+  await waitForText(setup, "cueloop");
   return setup;
 }
 
-type Setup = Awaited<ReturnType<typeof renderObserver>>;
-
-async function press(setup: Setup, k: string): Promise<void> {
-  if (k === "enter") setup.mockInput.pressKey("RETURN");
-  else await setup.mockInput.typeText(k);
-  await Bun.sleep(15);
-  await setup.renderOnce();
-}
-
 /** Session state that any mutating verb would change. */
 function snapshot() {
   const s = server.core.sessionGet(session.id);
@@ -96,10 +84,7 @@ describe("observer verbs are blocked", () => {
       await press(setup, "j");
       await press(setup, "j");
       await press(setup, key);
-      await Bun.sleep(60);
-      await setup.renderOnce();
-      const frame = setup.captureCharFrame();
-      expect(frame).toContain("observer - read-only");
+      const frame = await waitForText(setup, "observer - read-only");
       // no overlay opened: compose/submit bars never appear
       expect(frame).not.toContain("COMMENT ON");
       expect(frame).not.toContain("SUGGEST REPLACEMENT");

package/src/App.rendering.test.tsx

@@ -9,6 +9,7 @@ import { testRender } from "@opentui/react/test-utils";
 import { DaemonServer } from "@cueloop/daemon";
 import type { ReviewSession } from "@cueloop/schema";
 import { App } from "./App";
+import { waitForText } from "./test-support";
 
 const PLAN = `# Render Plan
 
@@ -48,14 +49,9 @@ afterEach(() => {
 
 async function frame(): Promise<string> {
   const setup = await testRender(<App home={home} sessionId={session.id} />, { width: 120, height: 36 });
-  const deadline = Date.now() + 10_000;
-  while (Date.now() < deadline && !setup.captureCharFrame().includes("Render Plan")) {
-    await Bun.sleep(25);
-    await setup.renderOnce();
-  }
-  // give the async highlighter a beat, then take the final frame
-  await Bun.sleep(150);
-  await setup.renderOnce();
+  await waitForText(setup, "Render Plan");
+  // async highlights settle within the visual-idle wait
+  await setup.waitForVisualIdle();
   return setup.captureCharFrame();
 }
 
@@ -96,11 +92,7 @@ describe("block spacing", () => {
       artifact: { type: "plan", content: listPlan, meta: {} },
     });
     const setup = await testRender(<App home={home} sessionId={s2.id} />, { width: 120, height: 30 });
-    const deadline = Date.now() + 10_000;
-    while (Date.now() < deadline && !setup.captureCharFrame().includes("one")) {
-      await Bun.sleep(25);
-      await setup.renderOnce();
-    }
+    await waitForText(setup, "one");
     const lines = setup.captureCharFrame().split("\n").map((l) => l.trimEnd());
     const one = lines.findIndex((l) => l.includes("- one"));
     expect(lines[one + 1]).toContain("- two");

package/src/App.submit-confirm.test.tsx

@@ -14,6 +14,7 @@ import { testRender } from "@opentui/react/test-utils";
 import { DaemonServer } from "@cueloop/daemon";
 import { makeAnchor, parseBlocks, type ReviewSession } from "@cueloop/schema";
 import { App } from "./App";
+import { press, settle, waitForText, waitForTextGone } from "./test-support";
 
 const PLAN = `# Migration Plan
 
@@ -50,29 +51,12 @@ async function renderApp(options: { readOnly?: boolean } = {}) {
     width: 120,
     height: 32,
   });
-  for (let i = 0; i < 40 && !setup.captureCharFrame().includes("cueloop"); i++) {
-    await Bun.sleep(25);
-    await setup.renderOnce();
-  }
-  await setup.renderOnce();
+  await waitForText(setup, "cueloop");
   return setup;
 }
 
 type Setup = Awaited<ReturnType<typeof renderApp>>;
 
-async function press(setup: Setup, k: string): Promise<void> {
-  if (k === "enter") setup.mockInput.pressKey("RETURN");
-  else if (k === "escape") {
-    setup.mockInput.pressKey("ESCAPE");
-    // a bare ESC byte is an ambiguous sequence prefix; the parser settles late
-    await Bun.sleep(120);
-  } else if (k === "left") setup.mockInput.pressKey("ARROW_LEFT");
-  else if (k === "right") setup.mockInput.pressKey("ARROW_RIGHT");
-  else await setup.mockInput.typeText(k);
-  await Bun.sleep(15);
-  await setup.renderOnce();
-}
-
 /** Seed annotations directly through the daemon core (all on one block). */
 function seedAnnotations(count: number): void {
   const blocks = parseBlocks(PLAN);
@@ -121,8 +105,8 @@ describe("rail submit confirm", () => {
     await press(setup, "enter");
     expect(setup.captureCharFrame()).toContain("[Approve]");
     await press(setup, "escape");
-    const frame = setup.captureCharFrame();
-    expect(frame).not.toContain("[Approve]");
+    // a bare ESC settles after the parser's escape-sequence window
+    const frame = await waitForTextGone(setup, "[Approve]");
     expect(frame).not.toContain("0 annotations");
     expect(frame).toContain("Submit review (0)");
   });
@@ -136,13 +120,11 @@ describe("rail submit confirm", () => {
     expect(frame).toContain("[Changes]"); // pending items: request changes default
     await setup.mockInput.typeText("Tighten the steps.");
     await press(setup, "enter");
-    await Bun.sleep(120);
-    await setup.renderOnce();
+    // the completion flow after submit is unchanged
+    await waitForText(setup, "✎ feedback sent");
     const stored = server.core.sessionGet(session.id);
     expect(stored.status).toBe("resolved");
     expect(stored.verdict!.kind).toBe("request_changes");
-    // the completion flow after submit is unchanged
-    expect(setup.captureCharFrame()).toContain("✎ feedback sent");
   });
 
   test("the annotation stack stays scrollable while the card is open", async () => {
@@ -162,7 +144,7 @@ describe("rail submit confirm", () => {
     // the stack still scrolls with the card open: wheel over the rail
     // brings the last card back into view while the confirm card stays put
     for (let turn = 0; turn < 12; turn++) await setup.mockMouse.scroll(100, 10, "down");
-    await setup.renderOnce();
+    await settle(setup);
     const scrolledWithCard = setup.captureCharFrame();
     expect(scrolledWithCard).toContain("note 12");
     expect(scrolledWithCard).toContain("12 annotations · 0 blocking");