Skip to content

fix(react): measure the font's real character width instead of guessing 7px for every grid #805

fix(react): measure the font's real character width instead of guessing 7px for every grid

fix(react): measure the font's real character width instead of guessing 7px for every grid #805

Triggered via pull request August 13, 2026 15:10
Status Failure
Total duration 3m 39s
Artifacts –

ci.yml

on: pull_request
test
3m 29s
test
typecheck
58s
typecheck
Typecheck — public API (type-tests)
51s
Typecheck — public API (type-tests)
lint
1m 12s
lint
format
39s
format
Examples registry — freshness
23s
Examples registry — freshness
Publish preflight
29s
Publish preflight
Packaging — publint + attw
52s
Packaging — publint + attw
API Extractor — report freshness
48s
API Extractor — report freshness
Deploy → Vercel (preview)
0s
Deploy → Vercel (preview)
Deploy → Vercel (production)
0s
Deploy → Vercel (production)
Smoke test → Vercel preview (Playwright)
0s
Smoke test → Vercel preview (Playwright)
Fit to window
Zoom out
Zoom in

Annotations

3 errors
test
Process completed with exit code 1.
src/__tests__/bench-app.test.tsx > BenchApp > autorun completes without a lifecycle flushSync warning: apps/bench/src/__tests__/bench-app.test.tsx#L53
AssertionError: expected { adapterId: 'pretable', …(16) } to match object { status: 'completed', …(3) } (19 matching properties omitted from actual) Ignored nodes: comments, script, style <html> <head> <meta content="" name="emotion-insertion-point" /> </head> <body> <div> <main class="bench-shell" > <section class="bench-hero" > <p class="eyebrow" > Pretable benchmark lab </p> <h1> Bench the wedge, not the entire grid market. </h1> <p class="hero-copy" > P0a wires the deterministic browser harness for Pretable first. The same adapter, scenario, and artifact contract is ready for competitor adapters next. </p> </section> <section class="bench-grid" > <article class="scenario-panel" > <header class="panel-header" > <h2> Scenario registry </h2> <p> Active scenario and the full benchmark-plan queue. </p> </header> <div class="active-scenario" > <span class="scenario-id" > S1 </span> <div> <strong> fixed-dense-text </strong> <p> Simple baseline before variable height enters. </p> </div> </div> <ul class="scenario-list" > <li class="scenario-card" > <div class="scenario-meta" > <span class="scenario-id" > S1 </span> <strong> fixed-dense-text </strong> </div> <p> Simple baseline before variable height enters. </p> <small> 100,000 rows · 50 cols </small> </li> <li class="scenario-card" > <div class="scenario-meta" > <span class="scenario-id" > S2 </span> <strong> wrap-auto-height </strong> </div> <p> Primary wedge benchmark. </p> <small> 50,000 rows · 40 cols </small> </li> <li class="scenario-card" > <div class="scenario-meta" > <span class="scenario-id" > S3 </span> <strong> many-columns </strong> </div> <p> Column virtualization and pinned-zone overhead. </p> <small> 10,000 rows · 500 cols </small> </li> <li class="scenario-card" > <div class="scenario-meta" > <span class="scenario-id" > S4 </span> <strong> offscreen-autosize
src/__tests__/bench-app.test.tsx > BenchApp > renders selected scenario metadata and publishes a terminal result: apps/bench/src/__tests__/bench-app.test.tsx#L29
AssertionError: expected undefined to match object { status: 'completed', …(5) } Ignored nodes: comments, script, style <html> <head> <meta content="" name="emotion-insertion-point" /> </head> <body> <div> <main class="bench-shell" > <section class="bench-hero" > <p class="eyebrow" > Pretable benchmark lab </p> <h1> Bench the wedge, not the entire grid market. </h1> <p class="hero-copy" > P0a wires the deterministic browser harness for Pretable first. The same adapter, scenario, and artifact contract is ready for competitor adapters next. </p> </section> <section class="bench-grid" > <article class="scenario-panel" > <header class="panel-header" > <h2> Scenario registry </h2> <p> Active scenario and the full benchmark-plan queue. </p> </header> <div class="active-scenario" > <span class="scenario-id" > S2 </span> <div> <strong> wrap-auto-height </strong> <p> Primary wedge benchmark. </p> </div> </div> <ul class="scenario-list" > <li class="scenario-card" > <div class="scenario-meta" > <span class="scenario-id" > S1 </span> <strong> fixed-dense-text </strong> </div> <p> Simple baseline before variable height enters. </p> <small> 100,000 rows · 50 cols </small> </li> <li class="scenario-card" > <div class="scenario-meta" > <span class="scenario-id" > S2 </span> <strong> wrap-auto-height </strong> </div> <p> Primary wedge benchmark. </p> <small> 50,000 rows · 40 cols </small> </li> <li class="scenario-card" > <div class="scenario-meta" > <span class="scenario-id" > S3 </span> <strong> many-columns </strong> </div> <p> Column virtualization and pinned-zone overhead. </p> <small> 10,000 rows · 500 cols </small> </li> <li class="scenario-card" > <div class="scenario-meta" > <span class="scenario-id" > S4 </span> <strong> offscreen-autosize </strong> </div> <p> Directly