Eclipse에 JsUnit 플러그인을 설치하여 자바 스크립트 테스트하기

Toggle Space Navigation Tree
Space Map

Introduction

설치 방법

JsUnit은 기본적으로 JDK 5.0을 기본으로 하고 있다. 따라서 Eclipse를 시작할 때 JDK 5.0을 기반으로 테스트하도록 설정해야한다.

  • https://sourceforge.net/project/showfiles.php?group_id=28041에서 JsUnit 메인 버전과 Eclipse 플러그인 버전을 다운받는다.
  • JsUnit 메인 버전을 특정 디렉토리에 압축을 푼다.
  • 다운 받은 Eclipse 플러그인을 설치한다.
  • Eclipse 메뉴에서 Window >> Preferences >> JsUnit 항목으로 이동하여 JsUnit 설치 디렉토리와 테스트할 브라우저를 다음과 같이 설정한다.

  • JSUNIT_HOME 디렉토리 하위에서 app 디렉토리와 css 디렉토리를 복사하여 테스트하고자하는 Eclipse 프로젝트로 복사한다.

  • 테스트할 자바 스크립트를 생성한다. 이 문서에서 사용할 예제 소스는 다음과 같다.
myJsScripts.js
function add(a, b) {
	return a + b;
}
  • 이 Java Script를 테스트할 HTML 파일을 다음과 같이 만든다.
jsUnitMyFirst.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>JsUnit Framework tests</title>
    <script language="javascript" type="text/javascript" src="../app/jsUnitCore.js"></script>
    <script language="javascript" type="text/javascript" src="myJsScripts.js"></script>
    <script language="javascript" type="text/javascript">
    	function testAdd() {
    		assertEquals(5, add(3, 2));
    	}
    </script>
</head>    
<body> 
</body>
</html>   
  • 테스트하기 위한 Java Script의 function 이름은 test로 시작해야한다.
  • 작성한 HTML 파일에서 오른쪽 클릭 >> Run As >> JsUnit Test Page를 실행하면 설정한 브라우저별로 테스트를 진행하게 된다.

Enter labels to add to this page:
Please wait 
Looking for a label? Just start typing.