Skip to content

Commit 38504bd

Browse files
pftgclaude
andauthored
docs: add Web UI screenshot to README (#184)
Add screenshot of the SnapDiff Web UI report showing side-by-side baseline vs current comparison. This was the #1 finding across 6 rounds of brutal honesty review — a visual testing gem needs visuals in its README. Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
1 parent 18bd171 commit 38504bd

2 files changed

Lines changed: 5 additions & 1 deletion

File tree

README.md

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -109,7 +109,11 @@ Add one line to get an interactive dashboard for reviewing all screenshot differ
109109
require 'capybara_screenshot_diff/reporters/html'
110110
```
111111

112-
After tests run, open `doc/screenshots/snap_diff_report.html` — side-by-side comparison with 4 view modes (both/base/new/heatmap), per-image zoom, annotation toggle, keyboard navigation, and search.
112+
After tests run, open `doc/screenshots/snap_diff_report.html`:
113+
114+
![SnapDiff Web UI — side-by-side comparison with baseline and current screenshots](docs/images/snap_diff_web_ui.png)
115+
116+
4 view modes (both/base/new/heatmap), per-image zoom, annotation toggle, keyboard navigation, and search.
113117

114118
**In GitHub Actions**, the report renders inline as a CI artifact — no download needed. Add a PR comment with a link to the report automatically:
115119

docs/images/snap_diff_web_ui.png

93.4 KB
Loading

0 commit comments

Comments
 (0)