Skip to main content

Viewing Change Details for E2E Tests

Change Categories​

Changed UI states will include highlights of visual changes directly overlayed on the screenshots.

Screener automatically organizes these changes into four categories:

  • Structure: structural changes are when new visual items are added or old items are removed.
  • Layout: layout changes are when visual items change position or dimension.
  • Style: style changes are when css styling gets updated (e.g., font size, color).
  • Content: content changes are when text or graphics get updated.

Change List​

Each change in Screener has additional details that can be viewed to help with debugging. For example:

  • View the specific CSS property that changed.
  • View a text diff of content changes.

These details can be viewed in the Change List, which can be opened by clicking on a change highlight:

Change Detail Flow