Reputation: 877
Trying to add my visual regressions tests to grunt.I followed the tutorial avaliable here. But looks there's something going wrong.
Here's my gruntfile:
phantomcss: {
desktop: {
options: {
screenshots: 'tests/visual-regression/screenshots/baseline',
results: 'tests/visual-regression/screenshots/results',
viewportSize: [1280, 1024]
},
src: ['test/visual-regression/**/*_spec.js']
},
mobile: {
options: {
screenshots: 'tests/visual-regression/screenshots/baseline',
results: 'tests/visual-regression/screenshots/results',
viewportSize: [320, 480]
},
src: ['test/visual-regression/**/*_spec.js']
}
}
});
grunt.loadNpmTasks('grunt-phantomcss');
grunt.registerTask('test', ['phantomcss']);
And here's part of my spec file. Doing casperjs test tests/meu_spec.js is going perfectly good.
casper.start( targetUrl );
//casper.viewport(1280, 1024);
casper.then( login ) ;
casper.wait( 20000,function() {} );
casper.then( function user_info (){
phantomcss.screenshot('#slide-out > div.user.col.s12', 'user');
})
[...]
casper.then( function now_check_the_screenshots (){
phantomcss.compareAll();
});
casper.then( function end_it (){
casper.test.done();
});
casper.run( function () {
console.log('\nTHE END.');
phantom.exit(phantomcss.getExitStatus());
});
Then, running grunt test
i got this:
andre@testware:~/workspace/meu-psafe$ grunt test
Running "phantomcss:desktop" (phantomcss) task
CasperError: Casper is not started, can't execute `then()`
/home/andre/workspace/meu-psafe/node_modules/grunt- phantomcss/bower_components/phantomcss/CasperJs/modules/casper.js:396 in checkStarted
/home/andre/workspace/meu-psafe/node_modules/grunt- phantomcss/bower_components/phantomcss/CasperJs/modules/casper.js:1685 in then
/home/andre/workspace/meu-psafe/node_modules/grunt- phantomcss/phantomjs/runner.js:58
Warning: Use --force to continue.
Aborted due to warnings.
Upvotes: 3
Views: 172