Skip to content

feat(ui): visual-proof viewport align to 1536x1024 (Wave 8 W8-15, replaces auto-closed #195) - #196

Merged
Ghenghis merged 1 commit into
feat/hermes3d-7-complete-gui-repo-wiringfrom
claude/w8-15-visual-viewport-align
May 10, 2026
Merged

Ghenghis merged 1 commit into
feat/hermes3d-7-complete-gui-repo-wiringfrom
claude/w8-15-visual-viewport-align

Conversation

@Ghenghis

Copy link
Copy Markdown
Owner

Summary

Replacement for auto-closed #195. Original PR #195 was closed by GitHub when its base branch claude/w8-14-visual-proof-harness-fix was deleted upon #194's squash-merge. This PR re-targets the same change onto feat/hermes3d-7-complete-gui-repo-wiring (post-#194 base).

W8-14 left 11 live targets reporting a uniform ~0.28-0.31 diff ratio because the harness viewport (1920x1080) did not match the Images-GUI/ reference PNG dimensions (1536x1024 for 9 of 11). toHaveScreenshot is not resolution-tolerant, so the diff was geometric, not content. Surgical fix drops harness viewport to 1536x1024 (single source of truth, PR #128 user-approved).

Changed files:

  • 03_implementation/ui/playwright.visual.config.ts — use.viewport + projects[0].use.viewport
  • 03_implementation/ui/tests/visual/visual-targets.json — viewport + reference_viewport field
  • 03_implementation/docs/handoffs/W8-15_VISUAL_VIEWPORT_ALIGN_2026-05-09.md — handoff doc
  • 03_implementation/evidence/visual_proof_2026-05-09/summary.json — re-run evidence

Re-run delta vs PR #194:

  • before: 0 match / 11 diff / 0 error / 20 skipped
  • after: 9 match / 1 diff / 1 error / 20 skipped

Two remaining failures are NOT viewport-related — both are reference PNGs captured at non-canonical sizes (04_source_os_60_app_coverage_matrix ref 1672x941, 04_source_os_remaining_categories ref 1586x992). Both need re-capture in PR #128 v2 (Images-GUI maintainer scope, NOT W8-15).

Mechanical-review fields

Test plan

  • Pre-push gates pass (Layer A static gates + Layer B unit/smoke)
  • Single commit cleanly rebased onto post-fix(visual-proof): outputPath escape + networkidle timeout (W8-14) #194 base (b2f7c548)
  • No --update-snapshots, no reference PNGs modified
  • visual-proof.spec.ts unchanged (no hardcoded viewport literals)
  • CI green on feat/hermes3d-7-complete-gui-repo-wiring

Sources:

🤖 Generated with Claude Code

W8-14 left 11 live targets reporting a uniform ~0.28-0.31 diff ratio
because the harness viewport (1920x1080) did not match the Images-GUI/
reference PNG dimensions (1536x1024 for 9 of 11). toHaveScreenshot is
not resolution-tolerant, so the diff was geometric, not content.

Surgical fix: drop the harness viewport to 1536x1024 to match the
reference pack (single source of truth, PR #128 user-approved).

  03_implementation/ui/playwright.visual.config.ts (use.viewport +
    projects[0].use.viewport)
  03_implementation/ui/tests/visual/visual-targets.json (viewport +
    new reference_viewport field for clarity)

Re-run delta vs PR #194:
  before: 0 match / 11 diff / 0 error / 20 skipped
  after:  9 match / 1 diff / 1 error / 20 skipped

Two remaining failures are NOT viewport-related — both are reference
PNGs captured at non-canonical sizes:

  04_source_os_60_app_coverage_matrix : ref 1672x941 (diff)
  04_source_os_remaining_categories   : ref 1586x992 (error)

Both need re-capture in PR #128 v2 (Images-GUI maintainer scope, NOT
W8-15). Documented in
03_implementation/docs/handoffs/W8-15_VISUAL_VIEWPORT_ALIGN_2026-05-09.md
with diff_pixels, ratio, evidence_path, and next_fix_attempt for each.

Stacks on PR #194 (W8-14 harness fix). Builds on PR #188 (W8-12 Vite
Fast-Refresh) for the SPA mount.

No --update-snapshots, no reference PNGs touched, no paid services.
visual-proof.spec.ts unchanged (no hardcoded viewport literals).

Sources cited:
  - https://playwright.dev/docs/api/class-testoptions#test-options-viewport
  - Images-GUI/ folder pack from PR #128 (verified PNG IHDR dims)

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@gemini-code-assist

Copy link
Copy Markdown

Warning

You have reached your daily quota limit. Please wait up to 24 hours and I will start processing your requests again!

@coderabbitai

coderabbitai Bot commented May 10, 2026

Copy link
Copy Markdown

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: b2aa4771-1138-409b-96e9-f00fbc13bc85

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch claude/w8-15-visual-viewport-align

Comment @coderabbitai help to get the list of available commands and usage tips.

@Ghenghis
Ghenghis merged commit f20d40c into feat/hermes3d-7-complete-gui-repo-wiring May 10, 2026
3 checks passed
@Ghenghis
Ghenghis deleted the claude/w8-15-visual-viewport-align branch May 10, 2026 05:31
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