Создание структуры DOM с использованием jQuery для модульного тестирования

Question

Предположим, у меня есть следующий html:

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

и я хочу преобразовать его в структуру DOM, используя jQuery (при условии, что jQuery - лучший вариант для решения этой задачи), в качестве данных моего модульного тестирования для тестирования следующего кода:

$('#' + 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).