Skip to main content
9 October 2023

2 different ways to use Baseline in your visual regression testing process

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

 

Monitoring

Let's say you set up daily monitoring. This is when you compare your screenshots always with "yesterday's" version.

Imagine there was a bug introduced on a certain day. This means that only the next day's monitoring run will trigger the error. All subsequent ones won't.

Because of the nature of VRT you do get a tendency to get false positives here and there. So you can easily accidentally skip that day with an actual error and see that tests got green back again the next day.

baseline daily monitoring use case

This is where the Baseline would help.

Instead of comparing with yesterday's version, you could compare against the Baseline. So instead of just next-day error you would see all subsequent tests turn red and it will force you to check them out and approve the change (set a new baseline) or fix the bug.

 

Pull requests testing

Once you set up testing pull requests you would like to compare their screenshots with some particular environment (for example staging).

You create screenshots from staging every time you do screenshots from your pull request environment, but instead, you could reuse screenshots from the staging environment multiple times.

You can take them only when you actually deploy changes to the staging environment and assign them as your baseline. In your pull request pipeline you will be comparing your pull request screenshots with baseline instead.

 

How to set baseline screenshots in Diffy

You can set either whole set of screenshots or individual screenshots using drop down menu.

How to set baseline in Diffy

 

 

Functional vs. Non Functional Testing: A Comparison Guide

Testing plays a vital role in successful software deployment, product releases, or end-to-end solutions building. Both functional and non functional testing hold equal importance in successfully executing the complete SDLC. 

This article will look at the comparative analysis for both of these testing types. Need a more in-depth look at non functional testing first? Check out our comprehensive guide on non functional testing

6 min read

Testing tabs, mobile menu, sliders

A lot web pages right now have some elements that gets activated by clicking on the pages. For example, sliders, or dropdown menu, or tabs. How to take screenshots of those pages too?
4 mins read read

Dealing with ShadowDOM with jQuery

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.
2 mins read read

Diffy helps your QA team

to ensure that websites don't get visual bugs