QUnit 没有显示我的测试

Question

我在一家电子商务公司工作，该公司使用 .NET MVC 和一些遗留的 Webforms 应用程序，并由 JavaScript 增强。我们目前没有任何 JavaScript 的测试覆盖，因为有很多，我们认为最好也研究一下覆盖它的东西。

我一直在尝试观看有关 JavaScript 客户端单元测试的一些视频。其中之一是涵盖一些 QUnit 的 Pluralsight 课程。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>QUnit Main Test Suite</title>
    <link rel="stylesheet" href="qunit.css">
    <script src="tests.js"></script>
    <script src="qunit.js"></script>
</head>
<body>
    <div id="qunit"></div>
    <div id="qunit-fixture">test markup</div>
</body>
</html>

好的，这是我的 tests.html html 文件，我在同一目录中有 qunit.css 和 qunit.js 文件。

这是我的 tests.js 文件，非常简单（根据我正在观看的视频）

test('my first test', function(assert) {
    var value = "hello";
    assert.equal( value, "hello", "We expect value to be hello");
});

当我运行上传 tests.html 文件（第一个代码片段）时，我得到的是：

我尝试添加 QUnit zip 提供的其他一些测试，一旦包含它们就会开始显示，但我的测试没有。我的第一个想法可能是语法不正确，所以我复制了一个在包含时确实有效的示例，但这仍然对我不起作用。

也许我误解了什么，或者在这里遗漏了什么，我们将不胜感激。

谢谢。

Answer 1

感谢 mparnisari 指出这一点。这是因为我的脚本的顺序。 qunit.js 脚本需要首先包含，然后是我的 tests.js 文件。

QUnit 没有显示我的测试

QUnit not showing my test

javascript

unit-testing

qunit