Получить выходные данные Jasmine Test Reporter в указанный элемент страницы

Question

Я пытаюсь получить вывод Jasmine в указанный элемент в моем HTML-файле бегуна, и не нашел способа это контролировать. Похоронен в TrivialReporter код

this.document.body.appendChild(this.outerDiv);

и конструктор позволяет установить элемент this.document, но для любого элемента, который вы передаете, потребуется .body.

Я что-то упустил очевидное?

Answer 1

Обходной путь: переместите элемент результатов через несколько миллисекунд.

Вставьте <div id="move_results_to_here"></div> туда, куда должен идти вывод репортера, затем:

window.setTimeout(function(){
    $(".jasmine_reporter").appendTo("#move_results_to_here");
}, 10);

Answer 2

Я столкнулся с этим вопросом, потому что отчеты Жасмин заканчивались внизу страницы, и я хотел, чтобы они были сразу же видны без прокрутки. Также мне было наплевать на другой контент на странице. Если это описывает вашу ситуацию, попробуйте добавить этот CSS на вашу страницу:

.jasmine_html-reporter {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 99999;
}

Answer 3

Мне удалось нечто подобное со следующим кодом jQuery:

$('.jasmine_reporter').wrap('<div id="unitTestsContainer" />');

Затем я написал CSS-правила для #unitTestsContainer.Используя этот код, я смог поместить вывод Jasmine в недопустимое всплывающее окно / окно наложения (созданное с помощью пользовательского интерфейса jQuery).