The Holy Grail of Visual Regression Testing

 

by @parrissays 

 

example repo
https://github.com/fervorous/happo_demo

A bit about me

A bit about Brigade

Oh and we're Hiring

Senior Software Engineer - Feature
Senior Software Engineer - Platform

This is you, trying to add a new feature by updating an old component

But ultimately at least 2/5 times something goes wrong.

Enter Happo!

Philosophy

1. Visual regression testing should be as easy as unit testing
2. Any 2 commits should be comparable
3. Never fail, just inform

How we use Happo (code review/CI)

During development

Happo has a watcher, which is great for
iterating on a component.

It let's us check IE early/often!

Sometimes we share links w/ designers

Which helps us close out stories and prevents re-opens.

Happo Demo

git@github.com:fervorous/happo_demo.git

https://github.com/fervorous/happo_demo

Demo Items

  • Describe 2 flavors of happo
  • Run happo classic, run the reviewer
  • Look at the test code. Make a modification.
  • Point out config differences IO vs Classic
  • Run happo.io
  • Run the dev mode
  • Run the single component diff mode

Fin.

And remember, we're hiring! Come talk to me after if you want want to work on cool projects like Happo!

Made with Slides.com