CSS Dev Conf 2015

In this workshop led by Micah Godbolt and Kevin Lamping, you will learn about the tools, the process and the lessons we’ve learned implementing Visual Regression Testing into both large and small scale projects. 

With Visual Regression Testing you’ll have a suite of tests to run at any time that will ensure your site is looking and functioning exactly like it should:

• No more being surprised that your country selector has been broken on mobile devices for the past 4 weeks!


• Don’t be afraid to touch that old client site homepage for fear of breaking some unknown section!


• Take full advantage of your great style guide!


• Stop being stuck manually testing every code changes to component based design!

By the end of the workshop, attendees will be able to:

• Use Page based and Component based regression tools


• Use Casper.js to interact with the page


• Use visual regression to test:
  
  
  
  • Pages
  
  
  • Individual Components
  
  
  • Modal Dialogs
  
  
  • User Interface interactions
  
  
  • Mouse Hover/Click/Move
  
  


• Integrate Visual Regression with their current task runner (Grunt/Gulp)


• Add Visual Regression Testing to their current project

Pre-requisites for this workshop include:

• Basic command line usage


• Basic understanding of JavaScript such as variables, functions, etc.

Note: If you ever find yourself over your head, code examples will be available to download
In this workshop led by Micah Godbolt and Kevin Lamping, you will learn about the tools, the process and the lessons we’ve learned implementing Visual Regression Testing into both large and small scale projects. 

With Visual Regression Testing you’ll have a suite of tests to run at any time that will ensure your site is looking and functioning exactly like it should:

• No more being surprised that your country selector has been broken on mobile devices for the past 4 weeks!


• Don’t be afraid to touch that old client site homepage for fear of breaking some unknown section!


• Take full advantage of your great style guide!


• Stop being stuck manually testing every code changes to component based design!

By the end of the workshop, attendees will be able to:

• Use Page based and Component based regression tools


• Use Casper.js to interact with the page


• Use visual regression to test:
  
  
  
  • Pages
  
  
  • Individual Components
  
  
  • Modal Dialogs
  
  
  • User Interface interactions
  
  
  • Mouse Hover/Click/Move
  
  


• Integrate Visual Regression with their current task runner (Grunt/Gulp)


• Add Visual Regression Testing to their current project

Pre-requisites for this workshop include:

• Basic command line usage


• Basic understanding of JavaScript such as variables, functions, etc.

Note: If you ever find yourself over your head, code examples will be available to download