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
참 쉽죠잉~~~