Testing Module — Visual Regression

See Every Pixel Change
Before Users Do

Pixel-diff screenshots compared against your approved baseline. Configurable thresholds fail CI when visual changes exceed your tolerance.

sentinelflux run --product myapp --domain visual --threshold 1.0
comparing
Visual Diff
← Baseline Current →
Baseline
Current
0.00%
pixel diff
threshold: 1.0%
Changed Regions

Visual changes don't sneak through anymore

Pixel-diff every page on every CI run with a one-click approve/reject workflow.

Pixel-Level Comparison

Full-page screenshots diffed pixel by pixel against your approved baseline. Changed regions highlighted with bounding boxes.

  • PNG diff with region overlay
  • Percentage diff calculation
  • Side-by-side slider view

Configurable Thresholds

Set per-page or global thresholds. A 0.5% threshold catches button colour changes; a 5% threshold ignores dynamic ads.

  • Per-page threshold config
  • Exclusion masks for dynamic areas
  • CI fail on threshold breach

Approve / Reject Workflow

Intentional design changes are a click to approve, which updates the baseline. Accidental regressions are rejected to block the build.

  • One-click baseline update
  • Review in dashboard
  • Baseline version history

Every deploy, visually verified

No more "it looked fine in staging" surprises. Visual regressions blocked before they reach users.