vergissberlin/backstopjs-example repository overview

⁠backstopjs-example

Example BackstopJS test environment with a included Vagrantfile and Dockerfile for testing purpose.

Say what? BackstopJS automates visual regression testing of your responsive web UI by comparing DOM screenshots over time.

Features:

• Preconfigured test environment to play araound with BackstopJS
• Example tests an references.
• Detailed in-browser reports.
• CI Integration with JUnit reports.

⁠Run with Vagrant

I recommend this way, cause if you don't like it, you didn't mess up your system.

vagrant up

⁠Run with Docker

May you prefer Dockern rather then Vagrant, then I recommend this way. Because if you don't like it, you didn't mess up your system.

docker run -it --rm -v "$PWD":/backstopjs-example --name backstopjs-example-container vergissberlin/backstopjs-example bash

⁠Installation without Vagrant and Docker

If you don't wanna use Vagrant, you have to install the dependencies on your own. Please install phantomjs and the node packages like that:

sudo npm i backstopjs phantomjs slimerjs -g
cd backstop-example && npm i

⁠Let's get testing

backstopjs test
backstopjs references

For furhter informations, take a look on the BackstopJS GitHub page⁠.