ianyamey commented 8 years ago

Spot the difference: Visual Regression Testing for your SASS

Type of Presentation (required)

[x] Standard Length Talk (20 or 30 mins)
[ ] Lightning Talk (5 or 10 mins)
[ ] Workshop (1.5-2hrs)
When would you ideally like to speak

March, April, May

Description (required)

We write unit tests, feature tests and even behavior tests for the websites and apps that we work on. But how do we ensure that changes to our SASS/CSS don't introduce unintended visual bugs into our app?

This talk explains Visual Regression Testing, why it is important, and how we've used it at PolicyGenius to ensure that we can confidently change our stylesheets without stressing about unintended style changes leaking into our app.

Outline:

Spot the difference
- audience challenge, eg https://www.google.com/search?q=spot+the+difference&tbm=isch
Examples of unintended CSS changes
- real world examples of how innocuous changes to css may have repercussions elsewhere on the site
Why do we write automated tests?
- to catch regressions before they hit production
- to give developers the confidence to make changes
- to reduce manual QA
What is a diff? What is a visual diff?
Headless browsers
- Automatically taking screenshots of your app
How to use open source tools to build your own visual regression testing suite
- Setting up PhantomCSS
How to use Percy.io to setup visual regression testing in 5 minutes
Bonus:
- Why your designer should sign off on your pull requests
  Speaker Info (required)
Name : Ian Yamey
Location : Brooklyn, NY
Contact : ian at policygenius dot com
Preferred gender pronoun : Him/He
More Info (optional)

Social Media:
Twitter : @ianyamey
GitHub : ianyamey
Url(s) : policygenius.com
Bio:

I’m the CTO at PolicyGenius, finding consumer-first ways to simplify shopping for insurance online.

Photo:

Photo of Ian

skyfaerie commented 8 years ago

Hi Ian! Thanks for your submission! This talk sounds amazing! Hang tight, we'll shoot you an email soon.

skyfaerie commented 8 years ago

@ianyamey we've scheduled you for our April Meetup! Let us know what you think: http://www.meetup.com/gothamsass/events/229027223/

GothamSass / centralpark