Introducing Wraith-Donk

Introducing Wraith-Donk

Responsive Screenshot Comparison made easy with Wraith-Donk!

https://github.com/guardian/wraith-donk

F002c0ac4c775cec82b16a396181bb23?s=128

Gideon Goldberg

May 01, 2014
Tweet

Transcript

  1. 2.
  2. 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?
  3. 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
  4. 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!