Visual Testing

Visual Testing

The core visual regression testing workflow — baselines, test runs, and diff review.

Visual regression testing (VRT) compares the current state of your web pages against approved baselines to catch unintended visual changes.

How it works

Baseline (approved) ──────────┐
                               ├── Pixel comparison → Diff report
Test capture (current) ───────┘

Capture baselines — take reference screenshots of the "known good" state
Run tests — capture new screenshots and compare them against baselines
Review diffs — inspect differences in the Diff Viewer
Approve or fix — approve intentional changes or fix regressions

In this section

Sync baselines — capture reference screenshots
Run tests — execute visual comparisons
Diff Viewer — six modes for reviewing changes
Approve changes — update baselines with approved differences
Run history — browse and manage past test runs

Groups and ordering

Organize scenarios into logical groups and control their display order.

Sync baselines

Capture reference screenshots that serve as the "known good" state.

On this page

How it works In this section