TestivAI

Visual Report v2.5.0

10/20/2026, 1:37:42 AM

Total

3

Changed

3

New

0

Passed

0

Changed 3

Reviewing with an AI agent?

The @testivai/mcp server gives Claude Code, Cursor, and any MCP client this report as structured data — including explain_snapshot, which attributes each diff to selectors and explains why it happened.

Agent setup guide

Pixel-exact mode

Playwright, WebdriverIO, Selenium and testivai witness captures are stabilized by default (animations, transitions, caret, web fonts). Other dynamic content (timestamps, ads, rotating images) still shows up as a diff until you configure it.

Noise is labeled, not removed: DOM unchanged with matching computed styles means likely render noise only when the diff is also small and scattered; a diff concentrated in one area, or over 1% of pixels, gets its own verdict. When styles were not compared, a stylesheet-only change is not ruled out.

To reduce noise:
• Add ignoreSelectors or mask for dynamic elements
• For variable-height regions, ignore them with mode: "collapse" (@testivai/witness-playwright only)
• Raise threshold, or set maxDiffPercent / maxDiffPixels / shiftTolerance in .testivai/config.json

Changed (3)

buttons changed

Diff: 2.24% (20619 pixels) · baseline approved 2026-10-20

Layered analysis agents get this via @testivai/mcp · explain_snapshot

Style-only change — a real change, not noise: 8 elements restyled with identical DOM (button.btn:nth-of-type(1), …). Confirm it's intended before approving.

Styles changed — 8 elements restyled with identical DOM: button.btn:nth-of-type(1), button.btn:nth-of-type(2), button.btn:nth-of-type(3), ….

5 changed regions

Baseline

Baseline

Diff subtle strong Diff heatmap

Diff heatmap

Current

Current

npx testivai approve buttons

home changed

Diff: 15.60% (188239 pixels) · baseline 1280×871 → current 1280×943 (+72 px) · baseline approved 2026-10-20

Layered analysis agents get this via @testivai/mcp · explain_snapshot

Size changed — page grew 72 px (baseline 1280×871 → current 1280×943); DOM 1 added, 1 text: everything below y=200 moved down 72 px, so look above that line; every pixel of the added band at the bottom counts as changed. Compare the images and confirm the change is intended before approving.

DOM changed — 1 added, 1 text change.

9 changed regions (9 shifted)

↕ Everything below y=200 shifted +72px (25 elements moved together — typically an inserted banner or expanded section above).

Baseline

Baseline

Diff subtle strong Diff heatmap

Diff heatmap

Current

Current

npx testivai approve home

products changed

Diff: 2.44% (24540 pixels) · baseline approved 2026-10-20

Layered analysis agents get this via @testivai/mcp · explain_snapshot

Structural change — the DOM differs (6 removed, 2 text). Review the diff and confirm the change is intended before approving.

DOM changed — 6 removed, 2 text changes.

4 changed regions

Baseline

Baseline

Diff subtle strong Diff heatmap

Diff heatmap

Current

Current

npx testivai approve products

Zoomed