Shotter takes a list of specified URLs and takes screenshots of the rendered page. The screenshots are arranged in sessions. When a previous session exists, shotter will create a diff between the screenshots of one URL and combine the two screenshots and the diff to one result.
This will result in an image the looks similar to this one (click to enlarge):
npm i shotter -g
Will install the shotter module in the global namespace
shotter in your working directory (see specification).
--concurrency, -c specifies the number of parallel threads that areused to render screenshots/diffs/resultsdefaults to 1
The module can also be used as a direct dependency.
The returned instance is a event emitter that will emit a
progress event with the percentage as a value.
initialize event will be fired.
initialize and the
progress event could be used for the implementation of a progress bar)
var shotter = ;var creator =creator
Shotter works in a working space and treats every directory in this working space as a distinct project. Each project has its own set of URLs that are specified via a
Under a certain project each session hat its own directory, denoted by a timestamp.
In a session directory all the screenshots can be found, additionally the diffs to the previous session are stored as well as the summaries.
In the session
20140920000000 there are no diffs and results to be found because there hasn't been a previous session.
.spec.json file the URLs that should be used are specified: