karma+require+nodejs+jasmine+gulp搭建外前端單元測試框架

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,先進行測試,測試通過在進行下一步;


var Server = require('karma').Server;

/**

* 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,所以失敗)

僅供參考,請指正。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容