달력

4

« 2024/4 »

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
2014. 5. 8. 17:46

JavaScript Unit Test - QUnit 그거/기타2014. 5. 8. 17:46


QUnit 이란?

JavaScript 개발에 사용하기 위한 Unit Test Framework


QUnit 은 어디서?

http://qunitjs.com/


QUnit 을 시작하려면?

필요한 파일은 qunit-1.14.0.js, qunit-1.14.0.css

아래 내용으로 html 파일 작성.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>QUnit Example</title>
  <link rel="stylesheet" href="qunit-1.14.0.css">
</head>
<body>
  <div id="qunit"></div>
  <div id="qunit-fixture"></div>
  <script src="qunit-1.14.0.js"></script>
  <script src="tests.js"></script>
</body>
</html>

test.js 파일은 QUnit 이용해서 Unit Test 를 하기 위한 script 파일.


QUnit 으로 테스트 하려면?

test.js 파일에 아래와 같이 코딩.

1
2
3
test( "hello test", function() {
  ok( 1 == "1", "Passed!" );
});

기본적으로 test("테스트명", function() { ... }); 형식으로 이루어져 있음


위 코딩 내용은

line 1 : "hello test" 를 실행하겠음

line 2 : ok( 1 == "1", "Passed!"); 를 실행하겠음

여기에서 line 2 의 ok(state, msg) 는 JUnit 에서의 assert 류의 method 와 동일함

즉, state 인 1 == "1" 가 true 이면 msg 출력.


더 많은 assert 류의 function 은 여기(클릭)에서 확인 가능



결과는 아래와 같음.

QUnit Example

Mozilla/5.0 (Windows NT 5.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/34.0.1847.131 Safari/537.36

Tests completed in 931 milliseconds.
1 assertions of 1 passed, 0 failed.

  1. hello test (0, 1, 1) Rerun9 ms


위의 1. hello test (0,1,1) 는 차례대로 실패 0개, 1개 성공, 1개 Assert 수행 을 나타냄


async 방식의 javascript 도 테스트 할 수 있고, callback 도 처리 가능하며,

다른 툴에 포함되서 사용될 경우를 대비한 QUnit callback API 도 제공한다.

보다 자세한 사항은 여기(클릭)에서~

저작자표시 비영리 동일조건

'그거 > 기타' 카테고리의 다른 글

JavaScript 정규 표현식을 이용한 템플릿  (0) 2013.06.12
원격 컴퓨터의 컴퓨터이름 알아내기  (0) 2011.04.21
[eclipse] Failed to create the Java virtual machine  (0) 2011.03.23
crontab에 등록해서 실행하기..  (0) 2010.02.23
[정보] 무료로 사용해보세요~  (0) 2010.01.25
:
Posted by 뽀기

티스토리툴바