使用jQuery创建DOM结构进行单元测试

Question

假设我有以下html：

var testString = '
<span id='id'>
    <div>
        <table>
            <span id='anotherId' class='NODE customContext' name='2'></span>
        </table>
    </div>
</span>'

并且我想使用jQuery（假设jQuery是处理此任务的最佳选择）将其转换为DOM结构，作为我的单元测试数据来测试以下代码：

$('#' + ID + ' > div > table').each(function() {
    var span = $(this).find('span.' + NODE)[0];
    .
    .
    .
});

这是将testString转换为DOM结构的方法吗？

var jQueryDOMElement = $(testString);

还是我偏离标准，还是有更好的方法呢？

我只想创建一个DOM结构，而不必使用createElement，elementNode ...等。我无权访问实时测试，因此我不得不诉诸使用虚拟测试数据/ DOM结构。

Answer 1

您是否尝试过使用JSTestDriver测试您的JavaScript。 它使您可以直接从测试中根据需要注入DOM元素，而不必担心如何在哪里进行操作。 详细信息在这里 。

我已经开始使用它进行所有的JS测试，因为它支持QUnit和YUI测试来编写测试。 对CI服务器也有很好的支持

Answer 2

据我所知，在创建复杂结构（带有字符串）之前，必须首先具有DOM元素。 您可以创建一个隐藏的DIV进行测试，然后创建jq（'＃unit-test'）。replaceWith（testString）。