'jscoverage'에 해당되는 글 2건

  1. 2011.12.05 JSCoverage 사용 팁.
  2. 2011.11.08 JSCoverage 알아보기.

JSCoverage 사용 팁.

ITWeb/개발일반 2011. 12. 5. 16:09
오늘 작성한 js code 에 대해서 test code 와 coverage 확인을 위해 jscoverage 를 적용하던 중.. 
아래와 같은 오류가 발생 하였습니다.

[오류내용]

jscoverage-server:/TestCase/indexTest.js:1: SyntaxError: illegal character

jscoverage-server: parse error in file /TestCase/indexTest.js

- 작성한 indexTest.js 파일을 깨끗하게 비운 후 테스트를 해도 동일한 오류가 발생을 하더군요.

[해결방법]

- 처음 시도 방법
- 파일 타입과 인코딩 확인 (UNIX 형식에 UTF-8)
- 계속 SyntaxError 발생 함.
- 개발하는 환경이 Windows  니까.. UNIX 형식에 ANSI 로 변경
- 오류 발생 하지 않음. 

- 실제 서버에 올라갈때는 LINUX 서버라서 UNIX 파일 형식을 사용하는게 맞습니다.
- 다만, 인코딩 방식 때문에 문제가 될거라고는 미쳐 생각을 못했었구요.
- 왜냐면, UTF-8 을 사용했으니까.. 하지만 이런 좁은 사고가 오류 해결하는데 시간을 많이 허비하게 했내요.

※ 총평
- 늘 하는 이야기지만 오류 메시지를 보면 그 안에 답이 있습니다.
-  "SyntaxError: illegal character" 딱 보이시나요?? 대부분 이런 오류는 문법적 오류가 아니라면 encoding 문제입니다.

[이전글 참고]
- JSCoverage 알아보기




 
:

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

참 쉽죠잉~~~
 
: