Viff Report
September 4, 2014 ยท View on GitHub
After you run 'viff xx.config.js', it will gernate a report.json file and screenshots folder which contain all the screenshots and the difference. To view all the difference easily, you may need Viff Report for help.
Under the help of Viff Report, you will see a report as bellow:
How to see my own report?
Step 1 - Copy resource to ViffReport
Move the screenshots folder and report.json file under ViffReport/ In your terminal,
mv screenshots/ ViffReport
mv report.json ViffReport
Step 2 - Start server
cd ViffReport
python -m SimpleHTTPServer 3000
Note: You can use other way to start ViffReport server.
Step 3 - Visit your browser
Go to your browser, visit localhost:3000
More usage
ViffReport support keyboard shortcut, here is the list:
| Shortcut | Function |
| / | Go to search input |
| J | Jump to next |
| K | Jump to previous |
| L | Jump to next browser cases |
| H | Jump to previous browser cases |
| A, Ctrl+A | Approve current case difference |
| F | Switch to Firefox screenshots |
| C | Switch to Chrome screenshots |
| I | Switch to IE screenshots |
| O | Switch to Opera screenshots |
| S | Switch to Safari screenshots |