jest로 테스트하기

자바스크립트에서 테스트 코드를 작성하는 것을 도와주는 여러가지 프레임워크들이 있지만, 그 중에 Jest에 대해 알아보겠습니다.

설치

yarn add --dev jest

yarn add --dev @types/jest ts-jest

첫번째 테스트 코드 작성

값을 더해주는 기능을 하는 함수를 작성해보고, 제대로 동작하는지 테스트 해보겠습니다.

test 폴더를 생성합니다.

sum.ts 파일을 만들어줍니다.

export const sum = (a: number, b: number) => {
  	return a + b;
};

sum.test.ts 파일을 만들어줍니다.

import { sum } from "./sum";

describe("sum()", () => {
  	it("2와 3이 주어졌을 때, 5가 나와야한다.", () => {
    	expect(sum(2, 3)).toBe(5);
  });
});

package.json 파일에 스크립트를 추가합니다.

"scripts": {
    "test": "jest"
  }

"jest": {
    "transform": {
        "^.+\\.ts$": "ts-jest"
    },
    "testRegex": "\\.test\\.ts$",
    "moduleFileExtensions": [
        "ts",
        "tsx",
        "js",
        "json"
    ]
  }

이제 터미널에서 yarn test 명령어를 입력합니다. jest는 파일명에 test가 들어간 모든 파일을 찾아 테스트를 진행합니다.

처음으로 작성한 테스트를 통과했습니다!