WRAITH is a screenshot comparison tool created by BBC News developers that takes screenshots of webpages using PhantomJS, CasperJS or SlimerJS in different environments. It then creates a diff of the two images, highlighting affected areas in blue. It has easy configuration, can detect differences up to 1 pixel, and supports different screen sizes and user agents. While easy to use, it may highlight small changes as large and cannot be fully automated to send reports. It could possibly be used for MU and design comparisons, FL migration projects, or finding regression bugs in i3D.

1. WRAITH
キャプチャテストツル
ビリュコワ ナタリー
2015/6/17

2. Index
1. What is WRAITH?
2. How it works?
3. How it looks – input
4. How it looks – output
5. Details of tool
6. Pros
7. Cons
8. Possible use in i3D?
9. Conclusion
10.Q&A

3. What is WRAITH?
A screenshot comparison tool, created by
developers at BBC News

4. How it
works?
Wraith uses either
PhantomJS, CasperJS or
SlimerJS to create screen-
shots of webpages on
different environments and
then creates a diff of the two
images, the affected areas
are highlighted in blue

5. How it looks - input

6. How it looks - output

7. Details of tool
Configs are easy, like:
Headless browser
Threshold
User agent
Screen sizes

8. Pros
• Easy to use
• Difference up to 1 px
• Different screen sizes and user-agents

9. Cons
• Small change makes big highlights
• Cannot be fully automated (to send reports)

10. Possible use in i3D?
• MU and design comparison
• FL migrationprojects
• Find regression bugs

11. Conclusion
• MU never pixel perfect due to odd design sizes
• FL migrations are rare
• Maybe if used for regression..

12. Q&A
Any questions?