Skip to content

Unified showcase report: .webm video + screenshots of every mode at all resolutions#39

Merged
mvalancy merged 1 commit into
developfrom
feature/showcase-report
Jun 13, 2026
Merged

Unified showcase report: .webm video + screenshots of every mode at all resolutions#39
mvalancy merged 1 commit into
developfrom
feature/showcase-report

Conversation

@mvalancy

Copy link
Copy Markdown
Member

Delivers the emphasized 'in the end' deliverable from docs/design/spatial-stability-and-reporting.md.

What it produces

One self-contained gallery — test-artifacts/showcase/index.html — with, for each of 5 resolutions (iPhone SE/15, iPad, 1080p, 4K):

  • a playable, web-friendly .webm video walking through every mode (login → graph → node menu → grow+ghost → hover illumination → edge editor → minimap → adaptive quality)
  • a labelled screenshot of each mode

Verified locally: 5/5 viewports with video (972K–2.4M each, VP8), 40 screenshots, gallery renders with playable videos.

How

  • New Playwright showcase project with video:'on' / screenshot:'on' — Playwright records .webm natively, so no custom recorder. Excluded from the default project, so the fast smoke gate is untouched.
  • tests/e2e/showcase.spec.ts — resilient best-effort tour across the viewport matrix (always produces artifacts).
  • tests/generate-showcase-report.mjs — stitches the self-contained gallery.
  • npm run report:showcase; a new every-PR CI job uploads the gallery (documentation, non-gating).

Next plan slice: physicsConfig.ts + per-node drift metrics (the physics-tuning report).

🤖 Generated with Claude Code

…de at all resolutions

Delivers the 'in the end' deliverable from the spatial-stability plan.

- playwright.config: new 'showcase' project with video:'on',
  screenshot:'on' (Playwright records VP8 .webm natively — already the
  web-friendly compressed format; no custom recorder). Excluded from the
  default project so the fast smoke gate is untouched.
- tests/e2e/showcase.spec.ts: a resilient tour of every mode (login,
  graph overview, node menu, grow+ghost, hover illumination, edge
  editor, minimap, adaptive quality) run across the 5-viewport matrix
  (iPhone SE/15, iPad, 1080p, 4K). Best-effort per step so it always
  produces artifacts; one .webm per resolution + a labelled screenshot
  per mode.
- tests/generate-showcase-report.mjs: stitches a single self-contained
  gallery (test-artifacts/showcase/index.html) — videos copied in,
  lazy-loaded, screenshot posters, web-efficient.
- npm run report:showcase; new CI job uploads the gallery on every PR
  (documentation, non-gating).

Verified locally: 5/5 viewports with video (972K-2.4M each), 40
screenshots, gallery renders with playable videos.

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

Copy link
Copy Markdown

🧪 Comprehensive Test Suite

  • Unit suites (Node 18.x & 20.x) — core, web, server, mcp-server: ✅ passed
  • Installer & deploy config: ✅ passed

Full-stack smoke gate runs in the CI workflow.

@mvalancy mvalancy merged commit c48ed4a into develop Jun 13, 2026
15 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant