1、打開一個express項目;
? ? 全局安裝karma,在cmd命令行中輸入npm install -g karma;
? ? 然后在cmd命令行中輸入karma --version;查看是否安裝成功
? ? ?如下圖,則表示安裝成功。
2、生成配置文件(詳見karma單元測試配置)
? ? ?進入你寫的測試腳本的上一級,配置karma;
? ? ? karma init
3、在命令行中,進入到你的gulp配置文件的目錄,即gulpfile.js所在的目錄;
? ? ?安裝gulp-karma插件,npm install --save-dev gulp-karma;
? ? ?安裝jasmine插件,npm install --save-dev karma-jasmine;
? ? ? 安裝測試運行環境,npm install --save-dev karma-phantomjs-launcher;
? ? ?安裝requirejs, npm install --save-dev karma-requirejs;
4、在gulpfile.js中進行配置,確定每次執行gulp,先進行測試,測試通過在進行下一步;
/**
* Run test once and exit
*/
gulp.task('test', function (done) {
new Server({
configFile: __dirname+ '\\app\\karma.conf.js',
singleRun: true
}, done).start();
});
詳見https://github.com/karma-runner/gulp-karma
5、運行一下gulp,測試一下
? ? ? 這樣每次代碼在發布之前,都會運行一遍測試,減少代碼的bug率;假如測試全部通過,則進行 ? ? ? 下一步的gulp命令,如果其中有測試失敗的,則自動終止gulp
如下圖,有8個單元測試,且全部通過;然后進行下一個gulp的task任務。
如果有單元測試失敗,則終止gulp,如下圖:
說明在1的測試文件中測試失敗,原因是2("Expected 3 to be 4",就是說你寫的測試代碼中有3==4,所以失敗)
僅供參考,請指正。