《前端MVC的自动化单元测试》由会员分享，可在线阅读，更多相关《前端MVC的自动化单元测试（2页珍藏版）》请在金锄头文库上搜索。
1、前端 MVC 的自动化单元测试：Karma+Jasmine安装 karma:npm install -g karma -save-dev安装 jasmine 和 chrome 的 plugins:npm install -g karma-jasmine karma-chrome-launcher -save-dev初始化 karma，生成 karma.conf.js：这一步要针对到具体的项目进行，为此，建立一个开发目录 d:workspacekarma-demo，再建 app 和 test 目录，分别放应用 js 和应用测试 js，则 d:workspacekarma-demokarma.co
2、nf.js 如下：module.exports = function (config) config.set(basePath: ,frameworks: jasmine,files: app*.js,test*.js,exclude: karma.conf.js,reporters: progress,coverage,preprocessors : app/*.js: coverage,coverageReporter: type : html,dir : coverage/,port: 9876,colors: true,logLevel: config.LOG_INFO,autoWat
3、ch: true,browsers: Chrome,captureTimeout: 60000, singleRun: false);启动 karma:开启 cmd，进入目录 d:workspacekarma-demo，输入启动命令：node d:jsnodejsnode_globalnode_moduleskarmabinkarma start karma.conf.js可以看到 chrome 浏览器自动打开，cmd 窗口显示测试结果。打开 d:workspacekarma-democoveragechromeindex.html，还可看到代码测试覆盖绿报告。新建 d:workspaceka
4、rma-demoappsrc.js，内容如下：function reverse(name)return name.split().reverse().join();新建 d:workspacekarma-demotestsrcSpec.js，内容如下：describe(A suite of basic functions, function() it(reverse word,function()expect(DCBA).toEqual(reverse(ABCD);););可以发现，只要修改 app 或 test 目录下的 js 文件，cmd 窗口马上就有反馈，测试覆盖率报告也随之改变。自动化单元测试配置完成。
