karma+require+nodejs+jasmine+gulp搭建外前端单元测试框架

1、打开一个express项目;

    全局安装karma,在cmd命令行中输入npm install -g karma;

    然后在cmd命令行中输入karma --version;查看是否安装成功

     如下图,则表示安装成功。

karma+require+nodejs+jasmine+gulp搭建外前端单元测试框架_第1张图片

2、生成配置文件(详见karma单元测试配置)

     进入你写的测试脚本的上一级,配置karma;

      karma init


karma+require+nodejs+jasmine+gulp搭建外前端单元测试框架_第2张图片

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,先进行测试,测试通过在进行下一步;


karma+require+nodejs+jasmine+gulp搭建外前端单元测试框架_第3张图片
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任务。

karma+require+nodejs+jasmine+gulp搭建外前端单元测试框架_第4张图片

如果有单元测试失败,则终止gulp,如下图:

说明在1的测试文件中测试失败,原因是2("Expected 3 to be 4",就是说你写的测试代码中有3==4,所以失败)

karma+require+nodejs+jasmine+gulp搭建外前端单元测试框架_第5张图片

仅供参考,请指正。

你可能感兴趣的:(karma+require+nodejs+jasmine+gulp搭建外前端单元测试框架)