Introducing Wraith-Donk

Responsive Screenshot Comparison made easy with Wraith-Donk!

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

Transcript

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 server
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