Element Snapshot
Detect visual differences between the current run and a control.
Last updated
Detect visual differences between the current run and a control.
Element Snapshot compares the current page or Element with a saved visual control. Use it to catch unintended visual changes in branding, charts, or layout.

Protect a fixed design on a page or a single component.
Set Mode to Page for the full view, or Element for one control.
Allow a small difference with Acceptable change allowed when minor rendering variance should still pass.
Exclude dynamic regions with Excluded elements so clocks, ads, or avatars do not fail the step.
The first successful Run stores the current look as the control. Later Runs compare against that control. When the new design is correct, use Update Snapshot Control on the step in the Run result so future Runs use the new baseline.
For a Flow Builder walkthrough, see Add visual checks.
Status on fail
Pro tip: Prefer Mode Element when the check is about one component. A tighter target keeps failures easier to read.
Tags: vision, element, snapshot, visual, regression
Last updated