Intelli Ignore

Learn how Intelli Ignore or contextual diff works in Percy

Intelli Ignore, is a remarkable feature which enhances the stability of a webpage by meticulously analyzing image differences and pinpointing only those discrepancies that genuinely matter to the human eye. Crafted to mitigate false positives stemming from network glitches, varying image types, or external factors, Intelli Ignore adeptly refines the testing process.

It’s smart enough to recognize and ignore tiny, unimportant changes on webpages, just like a regular person would in real life. For example, consider the image below. The amber color indicates a detected difference by Intelli Ignore, but it’s considered unimportant. In simpler terms, it’s showing that there’s a change, but the system thinks it’s not a big deal. Whereas in the second part of the same image, where one snapshot represents a Desktop view and the other a Phone view, the differences are quite evident and significant for a human observer. Consequently, these differences are highlighted in red to draw immediate attention to them.

Small differences that people might not notice at first are ignored by Intelli Ignore.

Consider Region

If there are particular differences that Intelli Ignore has bypassed but you deem them critical, you can override its effects by specifying a consider region. This will reveal the differences exactly as they appear, countering Intelli Ignore’s influence.

You can apply consider regions by passing them in options as shown below:

Intelli Ignore feature on Percy dashboard

Toggle the “Intelli-Ignore” icon to examine contextual differences for Percy on the Automate build.