자바스크립트를 디버깅할때 alert() 메소드를 가장 많이 사용한다. 다른 대안이 없으므로 alert 메소드를 사용할 수 밖에 없다. JsUnit 에서는 테스트시 트레이스 로깅기능을 제공한다. 로깅은 레벨이 존재하는데 가장 높은 순부터 정리하자면 debug, info, warn 이다.
debug : 레벨이 가장 높다. 선택하면 debug(), inform(), warn() 의 메시지를 확인할 수 있다.
info : 중간 레벨이다. 선택하면 debug(), inform() 의 메시지를 확인할 수 있다.
warn : 레벨이 가장 낮다. 선택하면 warn() 의 메시지를 확인할 수 있다.
위 로깅 레벨의 선택은 jsunit/testRunner.html의 Trace level 에서 선택하면 된다.
위 그림과 같이 Trace level 를 debug 로 선택한 후 아래 샘플을 테스트 해보자.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>A Simple Test Page</title>
<script language="javascript" src="../jsunit/app/jsUnitCore.js"></script>
<script language="javascript">
function addTwoNumbers(value1, value2){
warn("This is a warning message");
warn("This is a warning message with a value : "+value1);
return value1 + value2;
}
function testValidArgs(){
inform("This is an inform message");
assertEquals("2 + 2 is 4", 4, addTwoNumbers(2, 2));
}
function testWithNegativeNumbers(){
debug("This is a debug message");
assertEquals("-2 + -2 is -4", -4, addTwoNumbers(-2, -2));
}
</script>
</head>
<body>
This is an example of Tracing and Logging
</body>
</html>
<tracing.html 의 전체 소스 코드>
위 샘플 코드를 테스트 해 보면 테스트 중간에 에러가 발생하든 정상적으로 종료되든 마지막에 새로운 브라우저 창이 뜨면서 트래이스 메시지를 아래와 같이 확인 할 수 있다.
