1、打開一個(gè)express項(xiàng)目愉昆;
? ? 全局安裝karma,在cmd命令行中輸入npm install -g karma;
? ? 然后在cmd命令行中輸入karma --version;查看是否安裝成功
? ? ?如下圖,則表示安裝成功。
2喳篇、生成配置文件(詳見karma單元測(cè)試配置)
? ? ?進(jìn)入你寫的測(cè)試腳本的上一級(jí),配置karma态辛;
? ? ? karma init
3麸澜、在命令行中,進(jìn)入到你的gulp配置文件的目錄奏黑,即gulpfile.js所在的目錄痰憎;
? ? ?安裝gulp-karma插件,npm install --save-dev gulp-karma攀涵;
? ? ?安裝jasmine插件,npm install --save-dev karma-jasmine;
? ? ? 安裝測(cè)試運(yùn)行環(huán)境洽沟,npm install --save-dev karma-phantomjs-launcher;
? ? ?安裝requirejs, npm install --save-dev karma-requirejs;
4以故、在gulpfile.js中進(jìn)行配置,確定每次執(zhí)行g(shù)ulp裆操,先進(jìn)行測(cè)試怒详,測(cè)試通過在進(jìn)行下一步;
/**
* 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踪区、運(yùn)行一下gulp昆烁,測(cè)試一下
? ? ? 這樣每次代碼在發(fā)布之前,都會(huì)運(yùn)行一遍測(cè)試缎岗,減少代碼的bug率静尼;假如測(cè)試全部通過,則進(jìn)行 ? ? ? 下一步的gulp命令,如果其中有測(cè)試失敗的鼠渺,則自動(dòng)終止gulp
如下圖鸭巴,有8個(gè)單元測(cè)試,且全部通過拦盹;然后進(jìn)行下一個(gè)gulp的task任務(wù)鹃祖。
如果有單元測(cè)試失敗,則終止gulp普舆,如下圖:
說明在1的測(cè)試文件中測(cè)試失敗恬口,原因是2("Expected 3 to be 4",就是說你寫的測(cè)試代碼中有3==4沼侣,所以失斪婺堋)
僅供參考,請(qǐng)指正华临。