css-compare-screenshots

#CSS before/after comparision screenshots

Take before/after screenshots of a web page when updating css, to check for regressions.

Uses phantomjs do the page rendering.

Usage

import compareScreenshots from 'css-compare-screenshots' // or require, if you're not using ES6 yet

generateScreenshots({
  url: 'http://trello.com', // or local html file
  css: 'body { color: red }',
  width: 1300,
  height: 900,
  dist: 'comparisons/',
  fileName: 'homepage' // will generate 'homepage-before' and 'homepage-after'
}).then(function () {
  // done!
})