Shutter captures screenshots of internal website pages and compares them for differences
npm install site-shutterShutter captures screenshots of internal website pages and compares them for differences.
``sh`
$ npm install -g site-shutter
Quickest way to compare two environments is to use the compare command, navigate to a folder you want the comparisons to appear and run the command.
Compare two sites:
`bash`
$ shutter compare http://example.com http://staging.com
> shutter compare accepts two urls or two folder paths containing screenshots. The screenshots must be named the same in each folder and must be (png)'s
`bash`
$ shutter compare path/to/original/screenshots path/to/comparison/screenshots
Screenshots
With shutter screenshots it is possible to capture any number of environments then compare them.
Screenshot any number of environments:
`bash`
$ shutter screenshots master=example.com develop=staging.example.com
> Screenshots must follow the convention [ENVIRONMENT]=[DOMAIN] the [ENVIRONMENT] is used for the output folder. Do not use symbols in the environment.
Compare the output with:
`bash``
$ shutter compare master develop
This tool can also be further configured with the following command line flags.
-h, --help output usage information
--version output the version number