This site runs best with JavaScript enabled.

Automated Screenshot Comparaison

Kevin Beck

June 12, 2019


Today I wanted to improve my testing process for website builds and came across BackstopJS (an automated screenshot comparison tool).

It was relatively simple to set up: I installed it locally to my build setup via NPM and created a config file and wrote an NPM script to run / approve tests. In the config file (/backstop.json) you can set a host of options. I kept it simple with the idea of expanding it on a project by project basis. Some of the options included setting viewports to test, setting scenarios with a URL and reference URL.

This worked really well and I am looking forward to putting this in to production on a live project, I will post more once this has happened.

More links