BackstopJS version 3.5 With Integrated Docker Rendering

Users of BackstopJS know just how powerful it is when you make visual regression testing a part of your workflow. It's even more powerful when shared with your Dev, Dev-Op and QA buddies. Unfortunately, in past versions, the sharing approach had some technical limitations and only worked so long as everyone was in the same environment.

For example: if I was on a Mac and you were on a PC or Linux box, minor differences in screen rendering (especially around text) would result in anti-aliasing false-positives like so... 👇

If you've experienced this in the past then we've got some great news... In BackstopJS version 3.5 we are making that problem go away with integrated Docker rendering.

Get the latest now...

npm install -g backstopjs@latest

And here's how you do it...

1. Download and install Docker for your platform from the Docker install page
2. Add a `--docker` flag to your BackstopJS tests
3. Awesome-ness! 👇

So now, consistent rendering across environments can be as easy as...

backstop test --docker

or...

const backstop = require('backstopjs');

backstop('test', {docker: true});

...and that's it!

How does it work?

The `--docker` flag will cause BackstopJS to hit your Docker local client, pull down the latest BackstopJS container at https://hub.docker.com/r/backstopjs/backstopjs/ and execute your test in a standardized Docker container.

I hope this cool feature will just work for you out of the box. No fumbling with wires, crazy harnesses or arcane Docker minutiae. Give it a try and let us know how it goes! Post feedback here.

Cheers. 😺

follow @garris