我如何构建一套Qunit测试,所有测试都有自己的qunit灯具?

Tod*_*d R 6 javascript qunit

我有两个XXXTest.html文件,每个都与此类似:

<html>
    <head>
        <link rel="stylesheet" href="http://code.jquery.com/qunit/qunit-1.11.0.css" />
        <script src="../../../public/scripts/common/SomeUtils.js"></script>
    </head>
    <body>
        <div id="qunit"></div>
        <div id="qunit-fixture">
             <div id="findme">Something specific for the code under test</div>
        </div>
        <script src="http://code.jquery.com/qunit/qunit-1.11.0.js"></script>
        <script src="SomeUtilsTest.js"></script>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

每个都有自己的qunit-fixture,所以html文件相当于一个JUnit Test Class.我意识到qunit认为模块与测试类大致相同,但这是非常有限的.

拥有一个将在其他html文件中执行测试的主html文件的最佳方法是什么?或者在qunit世界中分离出需要自己的灯具的测试的"正确方法"是什么?

jer*_*mel 4

我通常有一个 master runner.html,将其#qunit-fixture留空并从模块的设置方法中填充固定装置。

然而,如果你想分享 html,很容易:

  1. 将 html 存储在模板中(即 some-test-fixture.html)
  2. 使用 ajax (或requirejs !text)加载模板

然后您可以根据需要填充#qunit-fixture