When preforming visual validation, you might encounter a situation where you wish to compare screens with dynamic length (e.g: webpages that contain shopping carts, will naturally differ in length):
For example, an eBay shopping cart before adding an item:
An eBay shopping cart after adding an item:
As you can see, the length of the webpage changed after adding the extra item. In the following example, the test will naturally fail, due to the mismatches caused by the different length and layout of of the page.
To solve this issue, the ignore region provides the ability to "split" the page to two conceptual regions. We divide the page to two separate regions by marking the dynamic area horizontally.
In the following example, the ignore region was used to mark the region that caused the changing length: the cart list area, splitting the screen into two conceptual areas, the "header" and the "footer".
The split region function compare the baseline's header/footer to the same area of the baseline's header/footer, as you can see in the following example:
After saving our changes, next time we run our test only the "header" and the "footer" will be used in the comparison.
For example, an eBay shopping cart before adding an item:
An eBay shopping cart after adding an item:
As you can see, the length of the webpage changed after adding the extra item. In the following example, the test will naturally fail, due to the mismatches caused by the different length and layout of of the page.
To solve this issue, the ignore region provides the ability to "split" the page to two conceptual regions. We divide the page to two separate regions by marking the dynamic area horizontally.
In the following example, the ignore region was used to mark the region that caused the changing length: the cart list area, splitting the screen into two conceptual areas, the "header" and the "footer".
The split region function compare the baseline's header/footer to the same area of the baseline's header/footer, as you can see in the following example:
After saving our changes, next time we run our test only the "header" and the "footer" will be used in the comparison.