Icontem

Automated Screenshot Diff: Capture and compare page screenshots

Recommend this page to a friend!
Stumble It! Stumble It! Bookmark in del.icio.us Bookmark in del.icio.us
  Info   View files View files (14)   DownloadInstall with Composer Download .zip   Reputation   Support forum   Blog    
Last Updated Ratings Unique User Downloads Download Rankings  
2014-09-23 (5 months ago) RSS 2.0 feedNot enough user ratingsTotal: 187 All time: 215 This week: 97Up
Version License JavaScript version Categories  
auto-screenshot-diff 0.0.1BSD License1.0Graphics, Testing
Description Author  

This object can capture and compare page screenshots.

It can capture screenshots of a given page using CasperJS and then compares the captured images with previous releases of the same page already stored in files.

The object can output whether the images differ or not. Optionally it can omit messages when the images do not differ.

Innovation Award  
JavaScript Programming Innovation award nominee
July 2013
Number 5
One way to test Web based user interfaces is to compare the output of Web pages after changes are done to the appliucation.

This object can help capturing the output of Web pages between different application revisions and compare them in order to see if changes are consistent with the expectations.

Manuel Lemos
Picture of Igor Escobar
Name: Igor Escobar <contact>
Classes: 3 packages by
Country: Brazil Brazil
Age: 27
All time rank: 475 in Brazil Brazil
Week rank: 63 Down8 in Brazil Brazil Down
Innovation award
Innovation award
Nominee: 1x

  Files folder image Files  
File Role Description
Files folder imagebin (1 file)
Files folder imagecoverage (1 file)
Files folder imageexamples (1 file)
Files folder imagelib (2 files)
Files folder imagetest (2 directories)
Accessible without login HTML file coverage.html Doc. Documentation
Accessible without login Plain text file Gruntfile.js Conf. Configuration script
Accessible without login Plain text file package.json Data Auxiliary data
Accessible without login Plain text file README.md Doc. Documentation

  Files folder image Files  /  bin  
File Role Description
  Accessible without login Plain text file automated-screenshot-diff Data Auxiliary data

  Files folder image Files  /  coverage  
File Role Description
  Accessible without login Plain text file blanket.js Test Unit test script

  Files folder image Files  /  examples  
File Role Description
  Accessible without login Plain text file capturing-screenshots-example.js Example Example script

  Files folder image Files  /  lib  
File Role Description
  Plain text file screenshots.js Class Application script
  Accessible without login HTML file template.handlebars Data Auxiliary data

  Files folder image Files  /  test  
File Role Description
Files folder imageimages (4 files)
Files folder imagelib (1 file)

  Files folder image Files  /  test  /  images  
File Role Description
  Accessible without login Image file login_widget-v1-v2-diff.png Data Auxiliary data
  Accessible without login Image file login_widget-v1.png Data Auxiliary data
  Accessible without login Image file login_widget-v2.png Data Auxiliary data
  Accessible without login HTML file v2-v1-diff.html Doc. Documentation

  Files folder image Files  /  test  /  lib  
File Role Description
  Accessible without login Plain text file screenshots.js Test Unit test script

 Version Control Unique User Downloads Download Rankings  
 100%Total:187All time:215
 This week:0This week:97Up