QUnit
1. 개요
QUnit은 존 레식에 의해 jQuery의 일부로 개발된 자바스크립트 유닛 테스트 프레임워크이다. 2008년 jQuery 유닛 테스트 코드로 분리되어 자체 프로젝트로 시작되었으며, DOM과의 상호작용을 위해 jQuery를 사용하다가 2009년 독립적인 프로젝트가 되었다. QUnit은 모듈 및 테스트 정의, 그리고 `assert.ok`, `assert.equal` 등의 표명 메서드를 사용하여 테스트를 수행한다.
| 이름 | QUnit |
|---|---|
| 종류 | 자바스크립트 단위 테스트 프레임워크 |
| 개발자 | 존 레식 |
| 라이선스 | GPL, MIT |
| 웹사이트 | QUnit 공식 웹사이트 |
| 프로그래밍 언어 | 자바스크립트 |
|---|
| 최초 출시일 | 2008년 5월 8일 |
|---|---|
| 최신 버전 | 2.14 |
| 최신 버전 출시일 | 2021년 1월 12일 |
-
유닛 테스트 프레임워크 -
JUnit
JUnit은 자바 환경에서 단위 테스트를 위한 프레임워크로, 반복적인 테스트 실행을 통해 버그 수정에 용이하며, 어노테이션 기반의 간편한 테스트 코드 작성과 IDE 통합을 지원하여 개발 효율성을 높인다. -
유닛 테스트 프레임워크 -
PHPUnit
PHPUnit은 PHP 코드를 위한 유닛 테스트 프레임워크로, 코드 오류를 빠르게 발견하고 회귀 버그를 방지하는 데 유용하지만, 원격 코드 실행 취약점과 같은 보안 문제가 존재한다. -
자바스크립트로 작성된 자유 소프트웨어 -
Node.js
Node.js는 라이언 달이 2009년에 개발한 자바스크립트 런타임 환경으로, 구글 크롬 V8 엔진을 기반으로 구축되었으며 이벤트 기반의 논블로킹 I/O 모델을 사용하여 확장성 있는 네트워크 애플리케이션 개발에 용이하고 웹 서버 및 네트워킹 도구 제작을 위한 다양한 코어 모듈과 npm을 통한 오픈 소스 라이브러리 활용을 제공한다. -
자바스크립트로 작성된 자유 소프트웨어 -
D3.js
D3.js는 웹 브라우저에서 데이터를 기반으로 동적인 시각화를 구현하기 위해 사용되는 자바스크립트 라이브러리로, SVG 요소 조작, 데이터-DOM 연결, 다양한 시각화 기능 및 API를 제공하여 복잡한 데이터 시각화를 효율적으로 구현하도록 돕는다. -
자바스크립트 프로그래밍 도구 -
파이어버그 (소프트웨어)
2005년 조 휴이트가 개발한 파이어버그는 웹 개발 생산성 향상에 기여한 파이어폭스 확장 기능 기반의 오픈 소스 웹 개발 도구였으나, 파이어폭스 개발자 도구에 기능이 통합되며 더 이상 사용이 불가능해졌다. -
자바스크립트 프로그래밍 도구 -
그런트
그런트는 자바스크립트 기반의 작업 실행 도구로, package.json과 Gruntfile을 통해 프로젝트를 구성하고 다양한 플러그인을 활용하여 작업 확장이 용이한 프로젝트 자동화 도구이다.
2. 역사
QUnit은 존 레식이 jQuery의 일부로 처음 개발하였다. 2008년, jQuery 유닛 테스트 소스 코드로부터 추출되어 자체 프로젝트로 형성되었으며 이후 QUnit으로 알려지게 되었다. QUnit의 초기 버전은 DOM과의 상호작용을 위해 jQuery를 사용하였으나, 2009년 재작성되어 QUnit은 온전히 독립적인 프로젝트가 되었다. 이를 통해 다른 사람들이 자신만의 유닛 테스트를 작성하는 데 사용할 수 있게 되었다.
3. 사용 및 예제
QUnit은 모듈, 테스트 정의, 표명(assertion) 메서드를 사용하여 유닛 테스트를 작성한다.
다음은 간단한 사용 예시이다.
```javascript
test("기본적인 테스트 예제", function() {
ok(true, "이 테스트는 성공했습니다.");
var value = "hello";
equal(value, "hello", "hello가 될 것으로 예상합니다.");
});
3.1. 모듈 및 테스트 정의
QUnit은 하나 이상의 테스트를 묶는 모듈을 정의할 때 `QUnit.module(string)`을 사용하고, 테스트를 정의할 때는 `QUnit.test(string, function)`를 사용한다.
QUnit은 유닛 테스트에 시맨틱 의미를 제공하기 위해 다음과 같은 표명(assertion) 메서드 집합을 사용한다:
* `assert.ok(boolean, string)`: 지정된 값을 불리언 참(true)으로 형 변환하는지 표명한다.
* `assert.equal(value1, value2, message)`: 이중 등호 연산자를 사용하여 두 값을 비교한다.
* `assert.deepEqual(value1, value2, message)`: 아이덴티티가 아닌 내용에 기반하여 두 값을 비교한다.
* `assert.strictEqual(value1, value2, message)`: 삼중 등호 연산자를 사용하여 두 값을 엄격하게 비교한다.
기본 예시는 다음과 같다:
```javascript
QUnit.test('a basic test example', function (assert) {
var obj = {};
assert.ok(true, 'Boolean true'); // passes
assert.ok(1, 'Number one'); // passes
assert.ok(false, 'Boolean false'); // fails
obj.start = 'Hello';
obj.end = 'Ciao';
assert.equal(obj.start, 'Hello', 'Opening greet'); // passes
assert.equal(obj.end, 'Goodbye', 'Closing greet'); // fails
});
3.2. 표명 (Assertion) 메서드
QUnit은 유닛 테스트에 시맨틱 의미를 제공하기 위해 다음과 같은 어설션 메서드들을 사용한다:
* `assert.ok(boolean, string)` - 지정된 값을 불리언 참(true)으로 형 변환하도록 표명(assert).
* `assert.equal(value1, value2, message)` - 이중 등호 연산자를 사용하여 2개의 값을 비교한다.
* `assert.deepEqual(value1, value2, message)` - 아이덴티티가 아닌 내용에 기반하여 2개의 값을 비교한다.
* `assert.strictEqual(value1, value2, message)` - 삼중 등호 연산자를 사용하여 2개의 값을 엄밀히(strictly) 비교한다.
기본 예는 다음과 같다:
```javascript
QUnit.test('기본적인 테스트 예시', function (assert) {
var obj = {};
assert.ok(true, '부울형 참'); // 통과
assert.ok(1, '숫자 1'); // 통과
assert.ok(false, '부울형 거짓'); // 실패
obj.start = 'Hello';
obj.end = 'Ciao';
assert.equal(obj.start, 'Hello', '시작 인사'); // 통과
assert.equal(obj.end, 'Goodbye', '마무리 인사'); // 실패
});
3.3. 예제 코드
QUnit은 표명(assertion) 메서드 집합을 사용하여 유닛 테스트에 시맨틱 의미를 제공한다.
* `assert.ok(boolean, string)`: 지정된 값을 불리언 참(true)으로 형 변환하도록 표명(assert)한다.
* `assert.equal(value1, value2, message)`: 이중 등호 연산자(==)를 사용하여 두 개의 값을 비교한다.
* `assert.deepEqual(value1, value2, message)`: 내용에 기반하여 두 개의 값을 비교한다. (아이덴티티 기반 비교가 아님)
* `assert.strictEqual(value1, value2, message)`: 삼중 등호 연산자(===)를 사용하여 두 개의 값을 엄밀히(strictly) 비교한다.
기본 예는 다음과 같다:
```javascript
QUnit.test('기본적인 테스트 예시', function (assert) {
var obj = {};
assert.ok(true, '부울형 참'); // 통과
assert.ok(1, '숫자 1'); // 통과
assert.ok(false, '부울형 거짓'); // 실패
obj.start = 'Hello';
obj.end = 'Ciao';
assert.equal(obj.start, 'Hello', '시작 인사'); // 통과
assert.equal(obj.end, 'Goodbye', '마무리 인사'); // 실패
});