Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Implementing a visual CSS testing framework

Implementing a visual CSS testing framework

Working with large CSS codebases can be hard. Large-scale refactors, or even just tweaking styles on our more general elements, could end up having unintended consequences on the rest of the site. To catch these problems, we manually check every page on our site, which is a slow and error-prone approach. We need a better way to test our CSS. This talk will walk through how we implemented a visual CSS testing framework using RSpec & Selenium, using automatic screenshot comparison to catch style regressions.

Jessica Dillon

April 22, 2015
Tweet

Other Decks in Technology

Transcript

  1. 1 2

  2. VS