@praetorius/visual-regression-viewer
v1.0.0
Published
A local viewer for visual regression report JSON files.
Readme
Visual Regression Viewer
This is the complementary viewer application to inspect and edit report files generated by visual-regression-tester. To get started, please check out the README file of the main repository.
Note that this application (in contrast to other parts of this project) has mostly been created with a coding agent. The code has been reviewed and finalized by a human.
Features
Visualization
- Progress bar to visualize the current status
- List and filter executed visual regression tests
- View test results (tested urls, source sitemap, test metadata and diff numbers)
- Screenshot comparison views
- subject/diff/reference (Shortcut
1) - subject/reference (Shortcut
2) - only subject (Shortcut
3) - only reference (Shortcut
4)
- subject/diff/reference (Shortcut
- Diff minimap to spot screenshot differences easily
Actions
- Mark tests as "accepted", which will skip them in the next playwright run (Shortcut
a) - Re-schedule tests in the next playwright run (Shortcut
r) - Update reference screenshot in the next playwright run
- Navigate in list via shortcuts (
upanddownarrow keys)
Usage
npx @praetorius/visual-regression-viewer visual-regression-results/visualregression.report.json