Visual Regression Testing with PhantomCSS

Published: 28 July 2016
on channel: Front Porch Conference

1,284

Presenting speaker, Jon Bellah

You’ve spent months perfecting your site; building your components and checking them twice. You’ve gone through more QA than you can shake a stick at, and you’re now completely change blind… but you’re finally ready to launch that site!

Suddenly, at the last minute, the client requires major changes to the a critical component (probably the legal department, it’s always the legal department).

You make the changes and launch the site.

But wait, oh no! The client has reported some issues on a template you didn’t think to check!

In the past, catching these visual regressions was a manual process. One where everyone is responsible for paying attention to what their code is doing and (hopefully) what else it may affect, with occasional passes through the site for overall QA. But we’re human, mistakes happen… sometimes frequently.

Automated visual regression testing is an excellent way to build yourself a safety net. With PhantomCSS, you can create a test suite that automagically runs through your site after changes have been made, compares visual diffs, and alerts you of any changes.

http://frontporch.io/resource/

On this page of the site you can watch the video online Visual Regression Testing with PhantomCSS with a duration of hours minute second in good quality, which was uploaded by the user Front Porch Conference 28 July 2016, share the link with friends and acquaintances, this video has already been watched 1,284 times on youtube and it was liked by 7 viewers. Enjoy your viewing!

38,835

566