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.