朝活4のテスチングツルに付いて

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?