将Jasmine测试报告输出到指定的页面元素中

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

我使用以下jQuery代码管理类似的内容：

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

然后我为#unitTestsContainer编写了CSS规则。使用此代码，我能够将Jasmine输出放入一个可禁用的popover / overlay窗口（使用jQuery UI构建）。

Answer 3

我遇到了这个问题，因为Jasmine报告最终位于页面底部，我希望它们能够在不滚动的情况下立即显示。此外，我并不关心页面上的其他内容。如果这描述了您的情况，请尝试将此CSS添加到您的网页：

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