我们如何针对 DOM 操作执行单元测试？

QUnit 的介绍位于netTuts.com http://net.tutsplus.com/tutorials/javascript-ajax/how-to-test-your-javascript-code-with-qunit/关于如何针对操作 DOM 的操作应用单元测试，产生了有趣的交流（从未解决）。下面的引述（亚历克斯·约克）抓住了问题的症结：

最好的是，如果你有 像这样的函数：

函数 add(a, b) { var 结果 = a + 乙； $(“input#ResultTestBox”).val(结果);

在上面的测试中，我很想 测试两件事：添加 a 和 b、正确输入结果 到 DOM 元素中。我喜欢 通过提供来测试第二件事 一些模拟 HTML。可能的？

但是，就像我说的……尚未解决。可以解决吗？

最新版本的 QUnit 支持#qunit-fixture允许您将 HTML 添加到 QUnit 网页的元素。

例如，在您的 HTML 中：

<ol id="qunit-tests"></ol>
<div id="qunit-fixture">test markup, will be hidden</div>

在你的 JavaScript 中：

$('<input id="ResultTestBox" type="text"/>').appendTo('#qunit-fixture');
var result = add(a, b);

equals(result, $('input#ResultTestBox').val(), "testing result box value");