TypeScript는 JavaScript로 컴파일되기 전에 테스트 코드를 실행하여 코드 품질을 보증하는 데 도움이 되는 테스트 러너를 제공합니다. 이 포스트에서는 TypeScript 프로젝트의 테스트 러너를 설정하고 실행하는 방법에 대해 알아보겠습니다.

테스트 러너 설정

가장 인기 있는 TypeScript 테스트 러너 중 하나는 Jest입니다. Jest는 강력하고 사용하기 쉬운 JavaScript 테스트 프레임워크이며 TypeScript 프로젝트에서도 잘 동작합니다. 프로젝트에 Jest를 설치하려면 아래 명령을 실행합니다.

npm install --save-dev jest @types/jest ts-jest

이제 tsconfig.json 파일을 열고 다음 옵션을 추가하여 TypeScript를 Jest와 통합합니다.

{
  "compilerOptions": {
    "module": "commonjs",
    "esModuleInterop": true,
    "target": "es6",
    "moduleResolution": "node",
    "jsx": "react"
  }
}

테스트 작성

이제 Jest를 사용하여 TypeScript로 된 테스트 코드를 작성할 수 있습니다. 예를 들어, calculator.ts 파일에 다음과 같은 TypeScript 코드가 있다고 가정해 봅시다.

export function add(a: number, b: number): number {
  return a + b;
}

이제 calculator.test.ts 파일을 만들고 다음과 같이 작성합니다.

import { add } from './calculator';

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

테스트 실행

package.json 파일에 다음과 같이 test 스크립트를 추가하여 Jest를 실행할 수 있습니다.

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

이제 아래 명령으로 Jest를 실행하여 테스트를 실행할 수 있습니다.

npm test

위와 같은 방법으로 TypeScript 프로젝트에서 테스트 러너를 설정하고 실행할 수 있습니다. Jest 외에도 다른 TypeScript 테스트 러너도 있으니 프로젝트의 요구에 맞게 선택할 수 있습니다.