No description, website, or topics provided.
JavaScript CSS
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
css
img
js
screenshots/firefox
.gitignore
README.md
index.html
report.json

README.md

Viff Report

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: alt text

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