Skip to content

sarah-tw/ViffReport

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published