javascript - 获取 Jasmine 测试报告器输出到指定页面元素

Question

我正在尝试将 Jasmine 输出放入我的测试运行器 HTML 文件中的指定元素中，但还没有找到控制它的方法。埋在 TrivialReporter 代码中的是

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

并且构造函数允许设置this.document元素，但您传入的任何元素都需要一个.body.

我错过了什么明显的东西吗？

score 1 · Accepted Answer

A workaround: move the results element after a few millis..

Pop a <div id="move_results_to_here"></div> in where the reporter output needs to go, then:

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

score 0 · Accepted Answer

我遇到了这个问题，因为 Jasmine 报告最终出现在页面底部，我希望它们无需滚动即可立即可见。我也不关心页面上的其他内容。如果这描述了您的情况，请尝试将此 CSS 添加到您的页面：

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

score 0 · Accepted Answer

我用下面的 jQuery 代码管理了一些类似的东西：

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

然后我为#unitTestsContainer 编写了CSS 规则。使用此代码，我能够将 Jasmine 输出放入可关闭的弹出/覆盖窗口（使用 jQuery UI 构建）。

3 回答 3