Skip to main content
11 July 2024

Make some pages for Visual Regression Testing only in Drupal

When you do visual regression testing, it can be a great idea to have some dedicated pages with all the different elements of your site combined. So instead of running screenshots of many pages on your site, you could do just a few and cover all the UI. These are also sometimes called style guides.

On the other hand, you do not want your site visitors to accidentally open these pages and be surprised by what they are for.

One of the approaches to hide these pages could be setting up access rules to only allow certain IP addresses (like Diffy's IP address) to access those pages.

Here is a code snippet that can do that for your regular nodes.

Code snipped was provided by Felix Eve

Also, make sure to exclude this page from your sitemap.xml as Google won't be happy to index the page it doesn't have access to (as advised by Kevin Reynen

Tags

How to Avoid False Positives when Doing Visual Testing

The biggest pain point of fulll-page screenshot visual regression testing are false positives. They usually happen because of the dynamic nature of the content. There are few ways of handling this situation. First, you could mask or remove dynamic elements completely. But then you’ll miss testing them.
6 mins read read

Diffy helps your QA team

to ensure that websites don't get visual bugs