Visual Regression Testing with PhantomCSS

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.
Length: 29:47
Views 115 Likes: 1
Recorded on 2016-07-19 at Front Porch Austin
Look for other videos at Front Porch Austin.
Tweet this video
PhantomCSS visual regression testing testing CSS PhantomJS SlimerJS CasperJS ResembleJS GruntJS Gulp SassMQ