Speaker Deck

No Bugs in Sight: Continuous Visual Testing at Code.org (CSSConf 2016)

by Brian Jordan

Published September 26, 2016 in Programming

At Code.org, automated cross-browser visual testing plays a vital role in maintaining stability and catching regressions. Learn how they test their their visually-intensive, interactive curriculum from Brian Jordan.

In this talk, Code.org's Brian Jordan will describe the evolution of their continuous, cross-browser automated testing suite, including a year’s worth of lessons learned from visual regression tests in the wild. Setting the context of the challenges of testing Code.org’s interactive, drag-and-drop open source computer science curriculum (game visualizations using SVG, Canvas, and a metric boat-load of SASS styling), Brian will describe how Code.org’s small engineering team got a handle on cross-browser issues and visual regressions, and how team members can write quick tests for their own visual-intensive code. At the end, Brian will share some fun examples from Code.org's "Bug Collection"—real live examples of bugs detected before they hit production.