QUnit没有显示我的测试

时间:2016-03-23 12:31:43

标签: javascript unit-testing qunit

我在一家E-Com公司工作,该公司使用.NET MVC和一些遗留的Webforms应用程序,并通过JavaScript进行扩充。我们目前没有任何JavaScript的测试报道,因为它有很多,我们认为最好也要考虑一些内容来覆盖它。

我一直在尝试关注JavaScript客户端单元测试的一些视频。其中一个是Pluralsight课程,涵盖了一些QUnit。

<!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文件(第一个代码片段)时,我得到的是:

test.html in browser

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

也许我误解了某些东西,或者在这里错过了什么,任何帮助都会非常感激。

谢谢。

1 个答案:

答案 0 :(得分:2)

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