javascript - 如何使用 grunt 运行客户端 javascript 代码的代码覆盖率

标签 javascript gruntjs code-coverage client-side mocha-phantomjs

如何使用 grunt 运行客户端 javascript 代码的代码覆盖率?

我已经使用 mocha-phantomjs 运行客户端 javascript 代码测试以使用 html 页面进行测试,它工作正常,但我找不到运行代码覆盖率的方法。

如果有一些示例代码就太好了。

最佳答案

我已经找到了通过 grun 使用 mocha phantomjs istanbulbrowserify 来做到这一点。

在客户端 JS 源代码中,确保通过窗口对象公开您的公共(public)变量或函数,以便在通过 browserify 生成检测文件后可以访问它。 这是一个例子:https://github.com/shadiabuhilal/js-code-coverage-example/blob/master/src/example.js#L36

开发依赖:

"browserify-istanbul": "^0.2.1",
"chai": "^1.10.0",
"grunt": "^0.4.5",
"grunt-browserify": "^3.7.0",
"grunt-cli": "^0.1.13",
"grunt-contrib-clean": "^0.6.0",
"grunt-mocha-phantom-istanbul": "^0.2.1",
"mocha": "^2.1.0"

要查看完整示例,请检查以下存储库:

https://github.com/shadiabuhilal/js-code-coverage-example

关于javascript - 如何使用 grunt 运行客户端 javascript 代码的代码覆盖率,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29780002/

相关文章:

haskell - 将测试覆盖率与 hpc 相结合

python - 如何删除未涵盖的Python代码

javascript - 异步设置 ReactJS 状态

Javascript 检查提交时的文本限制

javascript - Grunt build 没有暴露我需要的全局变量

javascript - 大型 JS 应用程序测试 - 避免多个 karma.conf.js 文件

maven - 受 AspectJ 编译时织入影响的 Jacoco 代码覆盖率

javascript - IE8 绑定(bind)的 knockout 问题

javascript - 如何在 JavaScript 设置代码中添加 CSS 类?

javascript - build 和 dist 文件夹有什么区别?