The Diffy Blog

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.

Problems we solve: - Only one person on the team can do deployments to Test / Prod environment in Pantheon - Deployments need manual steps so that they can be error-prone - There is no easy way to see what code is currently in Production unless you log in to Pantheon and check it there.

We discovered that you can place animated GIFs inside of the SVG. This makes freezing animation very interesting problem. Example is on the site Neutec.

While you can directly compare two websites with VRT there is a notion of a Baseline set that you always compare against. But why would you need one? We see two main use cases: 1. monitoring 2. save time in pull request testing

Recently we started testing https://urban.org and we wanted to take screenshots of the dropdown menu and search box, but they were implemented as components with shadowDOM.

Design systems is a modern approach to building websites and keeping your visuals consistent. In this article we will talk about different ways you can integrate design systems in your theme.

Trends move quickly in the web development and QA testing space. These trends can help predict where the QA and testing industry is headed. Development teams can adapt emerging best practices and methodologies while gaining a better understanding of the challenges they face throughout the development cycle.