✔️ TDD | Jest 사용해보기

 

 

Jest 초기 세팅 

Jest는 간단한 자바스크립트 테스트 프레임워크이다. babel, typescript, node, react, angular, vue 등을 사용하는 여러 프로젝트와 함께 사용할 수 있다. 

 

 

 

1. installing Jest using npm

npm install --save-dev jest

 

 

2. 예제 파일 sum.js 생성

//sum.js
function sum(a,b){
  return a + b;
}

module.exports = sum;

 

 

 

3. 테스트 예제 파일 sum.test.js 생성 

이 때 __test__ 디렉토리 안에 있는 파일이나 test.js로 끝나는 파일들은 모두 테스트 파일로 인식한다. 

const sum = require('./sum');

test('add 1 + 2 to equal 3', () => {
  expect(sum(1,2))toBe(3);
})

 

 

 

4. package.js 파일에 추가하기

{
...,
  "script" : {
     "test" : "jest"
   }
}

 

이제 터미널에서 npm run test 를 입력하여 실행하면 된다. 

테스트를 정상적으로 통과하면 터미널에 위와 같이 뜬다. 

 

 

 

 

toBe vs toEqual 

toBe를 사용하다 보면 코드를 알맞게 작성했는데 테스트를 통과하지 않는 경우가 있다.

 

//makeArr.js
function makeArr(a,b){
  return [a,b];
}

module.exports = makeArr;

//makeArr.test.js
const { expect, test } = require("@jest/globals");
const makeArr = require("./makeArr");

test("makeArr(1,3) equal [1,3]", () => {
  expect(makeArr(1,3)).toBe([1,3]);
})

a,b가 매개변수로 주어졌을 때 a,b를 배열에 담고 반환하고 있는지 확인하는 코드이다. 

 

makeArr 함수는 [1, 3]을 잘 반환한다. 하지만 이 테스트 케이스는 통과되지 않았다. 

그 이유는 toBe때문이다. toBe는 기본형 타입(문자열, 숫자, 불린 등)을 검사할 때 사용한다. 때문에 참조형 타입에 toBe를 사용하게 되면 주소값이 다르기 때문에 항상 테스트 케이스가 통과되지 않는다. 

 

참조형 타입 object를 테스트 할 때는 toEqual 을 사용해서 테스트 케이스를 작성해야 한다.  

 

 

 

 

 

 

 

 

Jest