Rbanh/schemeta
1
0
Fork 0
Code Issues 11 Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Implement screenshot-diff visual baseline checks for core scenes #12

New Issue
Closed
opened 2026-02-18 21:33:32 -05:00 by Rbanh · 1 comment
Rbanh commented 2026-02-18 21:33:32 -05:00
Owner
Copy Link

Objective

Add visual regression checks with screenshot baselines for critical UI states.

Scope

  • Baseline scenes:
    • initial workspace
    • selected component inspector state
    • post migration-preview apply state
    • explicit mode after auto tidy
  • Integrate screenshot comparison in CI workflow.
  • Add threshold/tolerance controls to reduce flaky diffs.

Acceptance Criteria

  • Visual diffs fail CI on meaningful UI regressions.
  • Baselines are stored and versioned in repo.
  • Update process for intentional UI changes is documented.
## Objective Add visual regression checks with screenshot baselines for critical UI states. ## Scope - Baseline scenes: - initial workspace - selected component inspector state - post migration-preview apply state - explicit mode after auto tidy - Integrate screenshot comparison in CI workflow. - Add threshold/tolerance controls to reduce flaky diffs. ## Acceptance Criteria - Visual diffs fail CI on meaningful UI regressions. - Baselines are stored and versioned in repo. - Update process for intentional UI changes is documented.
Rbanh added this to the Phase 3 - Browser QA and UX Consistency milestone 2026-02-18 21:33:55 -05:00
Rbanh commented 2026-02-18 21:44:52 -05:00
Author
Owner
Copy Link

Completed in commit d5836a2.

Delivered:

  • Added screenshot baseline storage under tests/baselines/ui.
  • Added image diff checks in UI regression runner with configurable update mode.
  • Added npm run test:ui:update-baselines for intentional UI updates.
  • Documented update workflow in README and release checklist.

Validation:

  • npm run test:ui:update-baselines
  • npm run test:ui
Completed in commit `d5836a2`. Delivered: - Added screenshot baseline storage under `tests/baselines/ui`. - Added image diff checks in UI regression runner with configurable update mode. - Added `npm run test:ui:update-baselines` for intentional UI updates. - Documented update workflow in README and release checklist. Validation: - `npm run test:ui:update-baselines` - `npm run test:ui`
Rbanh closed this issue 2026-02-18 21:45:00 -05:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
No items
No Label
Milestone
Clear milestone
No items
No Milestone
Phase 3 - Browser QA and UX Consistency
Projects
Clear projects
No project
Assignees
Clear assignees
No Assignees
1 Participants
Notifications
Due Date
The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: Rbanh/schemeta#12
No description provided.
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?