angularjs – 在浏览器中为Jasmine测试添加代码覆盖率

前端之家收集整理的这篇文章主要介绍了angularjs – 在浏览器中为Jasmine测试添加代码覆盖率前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在本地使用npm和grunt的代码覆盖,但我想在浏览器中演示这一点.

如果我打开一个codepen,我怎样才能在浏览器中生成代码覆盖?
请举例说明.

在这里,我正在测试一个控制器,Jasmine测试代码,但我想知道它是否100%覆盖并在浏览器中显示.
http://codepen.io/clouddueling/pen/Jwaru?editors=001

我可以将我的代码提交给服务器吗?是否在heroku上即时测试并获得结果?
Instanbul能以某种方式在客户端运行并输出一个html报告或json字符串吗?

解决方法

您可以使用支持jasmine test runner的 Blanket.js在浏览器中运行代码覆盖.

这是一个PLUNKER演示您的示例应用程序和规格.这里要注意的几个要点是:

<!-- Use of data-cover provided by blanket to test coverage of concerned file -->
<script type="text/javascript" src="app.js" data-cover></script>

毯子js需要adapter for jasmine. jasmine-blanket.js是plunker中显示的适配器.

我更喜欢使用codepen而不是codepen.希望有所帮助.这不是浮油吗?

更新9-11-2017 blanket.js项目没有主动维护,你可以在他们的github存储库中看到.

猜你在找的Angularjs相关文章