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

发布时间：2020-12-17 17:43:52 所属栏目：安全来源：网络整理

导读：我在本地使用npm和grunt的代码覆盖,但我想在浏览器中演示这一点. 如果我打开一个codepen,我怎样才能在浏览器中生成代码覆盖？请举例说明. 在这里,我正在测试一个控制器,Jasmine测试代码,但我想知道它是否100％覆盖并在浏览器中显示. http://codepen.io/clou

我在本地使用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存储库中看到.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!