Browser Screenshot Diff FAQs

Question 1

How does the skill match steps between different sessions?

Accepted Answer

The skill loads trajectory.ndjson files from two RVF containers and pairs them based on unique step-ids to ensure comparisons occur at the exact same point in the user flow.

Question 2

What is the benefit of using DOM diff mode?

Accepted Answer

The DOM mode compares Playwright accessibility snapshots, which are more stable than raw HTML, allowing you to identify structural changes like missing labels or buttons without being distracted by minor CSS noise.

Question 3

Can I adjust the sensitivity of the visual comparison?

Accepted Answer

Yes, you can use the --threshold argument (defaulting to 0.02) to set the tolerance for pixel-level differences before a step is flagged as diverged.

Question 4

What metrics are provided in the pixel diff report?

Accepted Answer

The report includes Mean Squared Error (MSE), Peak Signal-to-Noise Ratio (PSNR), and the bounding box of the largest cluster of changed pixels.

Question 5

Does this skill work with dynamic web content?

Accepted Answer

While highly sensitive, users can handle dynamic content like clocks or ads by adding ignore regions to the field map or pre-processing snapshots before the diffing process.

Browser Screenshot Diff

Key Features

Use Cases

Security Review

Quarkus Security Review

Repo Scan

Key Features

Use Cases