如何获取JavaScript / QUnit项目的伊斯坦布尔覆盖率报告？

我有一个使用QUnit的最小浏览器JavaScript项目，该项目是我使用QUnit文档提供的示例编写的。这是源代码：

index.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>QUnit Example</title>
  <link rel="stylesheet" href="qunit-2.6.2.css">
</head>
<body>
  <div id="qunit"></div>
  <div id="qunit-fixture"></div>
  <script src="qunit-2.6.2.js"></script>
  <script src="example.js"></script>
  <script src="tests.js"></script>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

example.js

/**
 * Returns a sum of two numbers
 *
 * @param {number} - first number
 * @param {number} - second number
 *
 * @returns {number}
 */
function mysum(arg1, arg2) {

    var ret;

    ret = arg1 + arg2;

    return ret;
}

mysum(1, 2);

Run Code Online (Sandbox Code Playgroud)

tests.js

QUnit.test( "hello test", function( assert ) {
  assert.ok( 1 == "1", "Passed!" );
});

QUnit.test( "mysum test", function( assert ) {
  assert.ok( mysum(1, 2) == 3, "Passed!" );
});

Run Code Online (Sandbox Code Playgroud)

当我在浏览器中打开index.html时，测试运行正常。我的目标是在开始扩展覆盖范围报告之前添加它。首先，我想使用Blanket.js，因为它可以与QUnit一起使用。我试图重现他们的入门教程中描述的步骤，但是没有用（我没有在浏览器中看到与覆盖相关的内容），也无法找出问题所在（浏览器的JavaScript控制台中没有内容）。但是，Blanket.js声称将不予维护，并建议使用Istanbul。从我的自述文件中可以了解到，istanbul的封面适用于节点脚本（我的项目仅适用于浏览器）和istanbul工具。-o覆盖 只生成一个仅包含JavaScript源代码文件的目录，我不知道如何处理它们。

如何使用Istanbul为我的项目获取此类 HTML覆盖率报告？

归档时间：	7 年，2 月前
查看次数：	273 次
最近记录：	7 年，2 月前