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

时间:2015-04-21 18:11:47

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

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

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

如果有一些示例代码,那就太棒了。

1 个答案:

答案 0 :(得分:2)

我已经发现使用 mocha phantomjs istanbul browserify 来实现这一目标。

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

<强> devDependencies:

"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