Jasmine 테스트 리포터 출력을 지정된 페이지 요소로 가져 오기

Question

Jasmine 출력을 테스트 러너 HTML 파일의 지정된 요소로 가져 오려고하고 있으며이를 제어하는 ​​방법을 찾지 못했습니다. TrivialReporter 코드에 묻혀

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

을하고 생성자는 하나가 this.document 요소를 설정할 수 있습니다,하지만 당신이 전달되는 요소는 .body가 필요합니다.

내가 뭘 분명히 놓친 적이 있습니까?

Answer 1

해결 방법 :

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

Answer 2

나는 다음과 같은 jQuery로 비슷한 관리 :

후, 기자 출력이 갈 필요가있는에 <div id="move_results_to_here"></div> 팝 .. 몇 밀리 초 후에 결과 요소를 이동 코드 :

$('.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; 
}