For the complete documentation index, see llms.txt. This page is also available as Markdown.

Element Snapshot

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.

Element snapshot Test Step

When to use it

  • 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.

Configure

Basics

Field
What to set

Mode

Page or Element (default)

Element

The Element when Mode is Element

Acceptable change allowed

Percentage of difference that should still pass

Excluded elements

Elements to leave out of the comparison

Advanced

Field
What to set

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