Visual Regression Testing with PhantomCSS





The interactive transcript could not be loaded.


Rating is available when the video has been rented.
This feature is not available right now. Please try again later.
Published on Jul 28, 2016

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.



When autoplay is enabled, a suggested video will automatically play next.

Up next

to add this to Watch Later

Add to

Loading playlists...