Phase 3 — Visual Testing
Phase 3 adds a visual layer to your quality assurance workflow. Automated scans can catch broken links and JS errors, but they can't tell you that your hero section looks broken in Safari, or that a recent deploy accidentally turned your primary button white-on-white. That's what Phase 3 is for.
QuickMonitoring captures full-page screenshots of every crawled page across multiple real browsers — Chrome, Firefox, Safari, and Edge — during each scan. Those screenshots can be compared side by side against screenshots from a previous scan, with pixel-level diff highlighting so you can see exactly what changed after a deployment.
Phase 3 also includes session recordings: real user sessions captured on your live site via the SDK (installed in Phase 5) and replayed in a structured event viewer. Recordings let you move from "something broke" to "I can see exactly what the user did" in seconds.
What Phase 3 covers
| Feature | Description |
|---|---|
| Cross-Browser Screenshots | Captures screenshots of every crawled page across Chrome, Firefox, and Safari simultaneously in one scan. |
| Screenshot Diffs | Compares screenshots from two scans side by side with pixel-level difference highlighting. |
| Diff Review | Accept or reject visual changes in a review UI; accepted changes become the new baseline. |
| Session Recordings | Records and replays real user sessions — clicks, navigations, and interactions — captured via the SDK. |
| Recording Events | Structured event log alongside each recording — clicks, form interactions, scroll depth, and page navigations. |
Achievements in this phase
All 5 achievements in Phase 3 are Silver tier, worth 20 XP each.
Complete all 5 to unlock the Phase 3 badge and move on to Phase 4 — Testing & Automation.