Technology RadarTechnology Radar

BackstopJS

BackstopJS is an open-source tool that allows developers to catch visual changes in their web applications by taking screenshots of web pages and comparing them against a baseline. It is particularly useful for ensuring that UI updates do not inadvertently alter the appearance of a site. With customizable configurations and integration capabilities, BackstopJS enhances the testing workflow and improves collaboration among development teams.

Updates

Adopt

We're starting to prefer Playwright for visual regression tests over BackstopJS. Still BackstopJS - as it's purpose-built for visual regression testing - has a more streamlined developer experience. Playwright is an all-encompassing testing library, where visual regression testing is just one of the many things it can do, but not its main focus.

Adopt

We've adopted BackstopJS as a tool for visual regression testing. This is in addition to Cypress for end-to-end testing. Visual regrssion testing is a way to ensure that changes to the UI do not introduce unexpected changes.