Regions in App Percy

Learn how to define and configure regions in App Percy for precise visual testing.

Use the Regions feature in App Percy to target specific areas of your UI for focused visual testing. It helps you minimize noise from dynamic content and highlight only meaningful changes across snapshots.

High-level steps

1. Open snapshot and click the Apply Regions icon.
2. Select or draw a custom box.
3. Select a region rule from Ignore all, or Standard.
4. Click Save and validate visual changes.

Benefits

• Faster Reviews: Cut review time by ignoring non-critical visual differences like timestamps or ads.
• Reliable Tests: Improve test reliability by isolating flaky or dynamic UI areas that frequently change.
• Reusable Regions: Streamline workflows with reusable, code-defined regions across browsers and branches.
• Quicker Debugging: Debug faster by narrowing down diffs to only the areas that matter.
• Scalable Automation: Scale testing efficiently by automating region management in your test code.

The Regions feature gives you granular control over what matters in visual testing, so you can ignore the noise and catch the real changes.

Explore further

• Define regions via UI

• Recommendations: Use Regions effectively in App Percy