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.
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
ViffReport support keyboard shortcut, here is the list:
|/||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|