Blanket.js 不适用于 qunit答案

【问题标题】：Blanket.js not working with qunitBlanket.js 不适用于 qunit
【发布时间】：2013-12-29 22:27:43
【问题描述】：

我无法让毯子.js 测试覆盖率与 qunit 一起使用，尽管多次尝试重新配置并尝试调用调试，但实际上什么也没发生。

这些是我尝试遵循的文档化说明 - https://github.com/alex-seville/blanket/blob/master/docs/getting_started_browser.md#getting-started-guide-browser-version

这是我的测试运行器

<!doctype html>
<html>
    <head>
    <meta charset='UTF-8' />
    <meta http-equiv='content-type' content='text/html; charset=utf-8' />

    <title>bootstrap-treeview.js Tests</title>

    <link rel='stylesheet' href='./lib/qunit-1.12.0.css'>

    <script src='./lib/jquery.js'></script>
    <script src='./lib/qunit-1.12.0.js'></script>
    <script data-cover-flags="debug" src="./lib/blanket.min.js"></script>
    <script data-cover src='./lib/bootstrap-treeview.min.js'></script>
    <script src='./tests.js'></script>
</head>
<body>
    <div id="qunit"></div> 
    <div id='qunit-fixture'>
        <div id="treeview"></div>
    </div>
</body>

我一定遗漏了一些基本的东西，没有控制台错误，什么都没有。我的报告运行良好，qunit 报告照常显示，但没有添加任何内容。尽管添加了 data-cover-flags="debug"，但不会生成额外的覆盖率报告，也不会进行调试。

任何帮助，方向，非常感谢？

【问题讨论】：

标签： javascript unit-testing qunit blanket.js

【解决方案1】：

您需要将data-cover 标志添加到应该被覆盖的文件中。

例如，我的测试运行程序看起来和你的几乎一样：

...
<body>
<div id="qunit"></div>
<div id="qunit-fixture"></div>
<script src="http://code.jquery.com/qunit/qunit-1.12.0.js"></script>
<script src="lib/jquery.js"></script>
<script src="lib/blanket.min.js"></script>

<script src="../../impl/fileSupport.js" data-cover></script>


<script src="myQunitTests.js"></script>

</body>
...

在此之后，您可以在 qunit 测试运行程序中启用数据覆盖（在 qunit 选项 no try-catch 旁边），如下图所示：

希望这会有所帮助。

BR, 我的贝克

【讨论】：

不错的一个 mybecks，非常有帮助的回复。其实我觉得有点傻，因为它一直在工作，但我没有注意到“启用覆盖”复选框