17 August 2023

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.

Thankfully there is a way to interact with elements in shadowDOM with jQuery.

if (window.location.hash == '#menu') { var header = jQuery('lbj-header')[0].shadowRoot; jQuery(header).find('.header__menu-toggle').click(); }

Besides opening menu it was also possible to test clicking on the search box and even showing the autocomplete dropdown in the search.

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

3 mins read read

SVG with GIF inside. How to freeze the animation?

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.

2 mins read read

Changing Hosting Companies? These Are the Things that Can Break During the Transfer (+Solutions)

There are dozens of reasons why you might need to change your web hosting provider. Too much downtime, overgrowing your current provider, the need for more bandwidth -- are just a few of them. We’ve heard them and many others from Diffy clients. But we heard them in a different context.

5 mins read read

Diffy helps your QA team

to ensure that websites don't get visual bugs

Try For Free