視覚的な回帰テストを grunt に追加しようとしています。ここで利用可能なチュートリアルに従いました。しかし、何か問題があるようです。
ここに私のうなり声があります:
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']);
そして、これが私の仕様ファイルの一部です。casperjs test tests/meu_spec.js の実行は完全にうまくいっています。
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());
});
次に、実行するgrunt test
と次のようになりました。
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.