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

Question

在netTuts.com上对QUnit的介绍产生了一个有趣的交换(从未解决),如何对操作DOM的操作应用单元测试.以下引用(亚历克斯约克)引起了关键:

如果您有这样的函数,那将是多么好的:

function add(a,b){var result = a + b; $("#输入ResultTestBox")VAL(结果).

在上面的测试中,我想测试两件事:添加a和b,并将结果正确地放入DOM元素中.我想通过提供一些模拟HTML来测试第二件事.可能？

但是,就像我说的......没有解决.可分解？

Answer 1

最新版本的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");