У меня есть минимальный проект JavaScript для браузера, использующий QUnit, который я написал, используя пример, предоставленный документами 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>
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);
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!" );
});
Тесты запускаются нормально, когда я открываю index.html в браузере. Моя цель - добавить отчеты о покрытии, прежде чем я начну расширять его. Сначала я хотел использовать Blanket.js , потому что он обещает работать с QUnit. Я попытался воспроизвести шаги, описанные в их руководстве по началу работы , но это не сработало (я не увидел в браузере дополнительного содержимого, связанного с покрытием), и не смог понять, что не так (не было содержимого) в консоли JavaScript браузера). Однако Blanket.js утверждает, что он не поддерживается, и рекомендует Стамбул . Как я понял из README, istanbul cover предназначен для скриптов узлов (мой проект только для браузера) и istanbul. -o покрытие просто создает каталог только с файлами исходного кода JavaScript, и я понятия не имею, что с ними делать.
Как получить отчеты о покрытии HTML, такие как эти для моего проекта, используя Стамбул ?