Testing Specific Section

Sometimes it might also be useful to test just specific section of the website in order to isolate changes detected.

For example, If I wanted to be notified of changes of the top 3 tennis players changes on the website (see highlight below).

I can simply locate the specific element within the page and find its corresponding css selector. In this case the selector is .top-ranked-players

There’s a good post on how to find css selectors on

Once I have the css selector, I can go to the Project Settings page under Snapshot settings tab. Enter the css selector in the "Crop screenshot by querySelector.” field.

All snapshots taken after the configuration is saved will be cropped to the selected section of the website (see below)