獲取茉莉花測試記者輸出到指定的頁面元素

Question

我試圖讓茉莉花輸出到我的測試跑步者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

我遇到了這個問題，因爲茉莉花報告是在頁面底部結束的，我希望它們在不滾動的情況下立即可見。我也不關心頁面上的其他內容。如果您的情況，你可以添加以下CSS到您的網頁：

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