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

Introducing Wraith-Donk

Introducing Wraith-Donk

Responsive Screenshot Comparison made easy with Wraith-Donk!



Gideon Goldberg

May 01, 2014

More Decks by Gideon Goldberg

Other Decks in Technology


  1. Introducing 
 wraith-donk Gideon Goldberg | Software Engineer in Test

 at The Guardian ! @gidsg
  2. What is wraith? • Wraith is a screenshot comparison tool,

    created by developers at BBC News.
  3. • Wraith uses either PhantomJS or SlimerJS to create screen-shots

    of different environments and then creates a diff of the two images using ImageMagick, the affected areas are highlighted in blue What is wraith?
  4. What is wraith-donk • Created by developers at The Guardian

  5. What is wraith-donk • Wraps wraith in a simple web

  6. But, why?!? • Attempt to solve an industry-wide problem •

    Enables us to deploy visual changes with confidence across multiple break-points • Wraith is command-line only, requires babysitting • Our in house build tools require deployables to be packaged as a Ruby Gem and accessible by a URL
  7. Demo Time! • Warning: live demo, please be gentle :-)

  8. Credits • Márton (meza) Mészáros and Rex Cooper @ The

    Guardian …and the folks at BBC Responsive News… we literally couldn’t have done it without you!
  9. So Hiring. Much Opportunities gu.com/workforus