feat: Automated Visual Regression Testing Pipeline (#67) - #73
Merged
elizabetheonoja-art merged 6 commits intoJun 24, 2026
Conversation
…h and Playwright (Issue Utility-Protocol#67) - Add pixelmatch and pngjs dev dependencies for screenshot comparison - Create tests/visual/config.ts with viewports, thresholds, and route config - Implement screenshot helper with CSS animation freezing and dynamic element masking - Build PixelMatch compare wrapper with baseline/diff PNG generation - Write visual.spec.ts covering full-page and per-component screenshots at 3 viewports - Generate HTML visual regression report with side-by-side image comparison - Create update-baselines.ts script for baseline seed/promotion - Add .github/workflows/visual-regression.yml CI workflow with PR comments - Configure Playwright projects for chromium (primary) and webkit (secondary) - Add npm scripts: test:visual and visual:update-baselines
Contributor
|
ci failed |
…tion) - Create dedicated playwright.visual.config.ts with testDir: ./tests/visual so visual tests are discovered independently of E2E test config - Update visual-regression.yml to use the new config file - Add continue-on-error to Post PR comment step (fork PRs lack write access) - Fix FleetGrid hydration mismatch by suppressing warnings on the randomly-generated demo data grid (Math.random() differs SSR vs client)
…de violation when multiple canvas elements exist
Contributor
Author
|
Yes sir🫡 |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Implements Issue #67: Automated Visual Regression Testing Pipeline with PixelMatch and Playwright Screenshots for CI.
Changes
Closes #67