JSCoverage 알아보기.

ITWeb/개발일반 2011. 11. 8. 14:41

[JSCoverage 다운로드]
http://siliconforks.com/jscoverage/download.html


[jscoverage.html 복사이동]
- 압축해제 후 폴더로 이동 (jscoverage-0.5.1)
- jscoverage-0.5.1/doc/instrumented/jscoverage.html 파일을 복사
- jscoverage-0.5.1/jscoverage.html 로 이동

[Test Code 작성]
- jscoverage-0.5.1 폴더 아래 TestCase1 폴더 생성
- TestCase1 폴더에 테스트할 html 과 js 파일 복사
- 샘플 코드 (말 그대로 동작 하는것만 확인 하기 위한 샘플임돠)

<!-- indexTest.html -->
<!DOCTYPE html>

<html>

<head>

<title>TestCase1</title>

<script type="text/javascript" src="indexTest.js"></script>

</head>

<body>

<div id="textLayer" onclick="textChange();">Change Text by Click Action</div>

</body>

</html>



// indexTest.js

function textChange() {

var div = document.getElementById("textLayer");

if ( div.innerText == "Change Text by Click Action" ) {

div.innerText = "Changed Text!!";

}

}


 
[jscoverage server 실행 및 접속]
- jscoverage-0.5.1>jscoverage-server.exe --ip-address=192.168.1.1 --port=9090 -v
http://192.168.1.1:9090/jscoverage.html
- URL 부분에 http://192.168.1.1:9090/TestCase1/index.html 입력 후 "Open in frame" 버튼 클릭 
- 상단 탭에서 Store 클릭 후 "Store Report" 버튼 클릭

[Report 보기]
- jscoverage-0.5.1 폴더에 jscoverage-report 폴더생성 되고 하위에 jscoverage.html 클릭 후 coverage 확인

[jscoverage server 중지하기]
- jscoverage-0.5.1>jscoverage-server.exe --ip-address=192.168.1.1 --port=9090 --shutdown

참 쉽죠잉~~~
 
: