Run your phantomCSS tests with Gulp.
npm install gulp-phantomcss -D
If casper isn't already installed, install that too!
npm install -g casperjs
var gulp = require('gulp');
var phantomcss = require('gulp-phantomcss');
gulp.task('phantomcss', function (){
gulp.src('./testsuite.js')
.pipe(phantomcss());
});
Example ./testsuite.js :
casper.
start( 'http://www.google.co.uk' ).
then(function(){
phantomcss.screenshot('#hplogo', 'google');
});
casper.run();
Options passed in to the plugin will be forwarded on to phantomcss, these include:
Type: String
Default: 'screenshots'
Directory where screenshot test fixtures are stored.
Type: String
Default: 'results'
Directory where source, diff and failure screenshots are stored.
Type: String
Default: 'failures'
Directory where failure screenshots are stored.
Type: Number
Default: 0.05
Increasing this value will decrease test coverage.
Callbacks for your specific integration
Type: String or boolean
Default: false
Directory where report JSON will be stored. If false, no JSON will be generated.
Type: boolean
Default: false
If true, gulp task will exit with error code if there are any failing tests.
The following options passed in to the plugin will be forwarded on to casperjs, these include:
Type: Array
Default: [1280, 800]
Viewport size to run the test in. Useful for running tests for multiple window sizes.
Type: String
Default: 'error'
Log level for CasperJS, see CasperJS: Logging for more information.
Run tests with npm test