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:
Move the screenshots folder and report.json file under ViffReport/ In your terminal,
mv screenshots/ ViffReport
mv report.json ViffReport
cd ViffReport
python -m SimpleHTTPServer 3000
Note: You can use other way to start ViffReport server.
Go to your browser, visit localhost:3000
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 |