0

我想使用JsTestDriver来驱动我的QUnit测试,但我对如何处理#qunit-fixture标记感到困惑。

标准的 QUnit 测试运行器是一个 HTML 页面。

<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <link rel="stylesheet" href="/qunit/qunit.css" type="text/css" />
  <script type="text/javascript" src="/qunit/qunit.js"></script>
  <script type="text/javascript" src="test-script.js"></script>
</head>
<body>
 ...
 <div id="qunit-fixture">
    *** tests depend on markup that goes here ***
 </div>
</body>
</html>

JsTestDriver 有一个QUnitAdapter可用于加载和运行 test-script.js,但我没有看到任何用于获取标记的#qunit-fixture.

我错过了什么吗?适配器是否应该能够运行现有的 QUnit 测试?或者它只是将 QUnit 的断言框架与 JsTestDriver 一起使用的一种方式?

4

2 回答 2

5

JsTestDriver 与其他一些测试框架的不同之处在于它不使用外部 HTML 页面作为输入来提供 HTML 固定装置。

相反,它提供了使用其 HtmlDoc 功能创建(或附加)HTML 片段作为测试用例定义的一部分的能力。

http://code.google.com/p/js-test-driver/wiki/HtmlDoc

这使得将 HTML 与测试一起存储成为可能,例如:

TestCase("Test HtmlDoc Features", {  
    "test creating an isolated dom fragment": function() {
        /*:DOC foo = <div id="demo"><p>foo</p></div>*/
        assertEquals("Foo is a dom fragment with id 'demo'", this.foo.id, "demo");
    },
    "test appending HTML to the body": function() {
        /*:DOC += <div id="demo"><p>foo</p></div>*/
        assertEquals("HTML is appended to the body", document.getElementById("demo").innerHTML, "<p>foo</p>");
    }
});

不幸的是,他们的方法存在一些局限性。例如,虽然内联样式可以直接应用于 HTML 标记,但将样式块或链接标记插入外部 CSS 文件不会将 CSS 样式应用于生成的标记。这使得在测试用例中包含 CSS 变得很困难,因为您想要测试获取或设置 DOM 元素的样式属性。

于 2011-04-04T00:58:01.100 回答
1

JsTestDriver 有一个QUnit 适配器。这提供了 QUnit API 的一个子集来使用 JsTestDriver 运行测试。它实际上并不使用 QUnit,因此支持非异步测试以及其他缺失的功能。根据您测试的内容,它可能仍然有用。

于 2011-02-26T13:37:28.450 回答