타입스크립트는 정적 타입을 지원하는 언어로, 코드의 안정성을 높여주는 강력한 도구입니다. 테스트 코드 작성은 개발 프로세스에서 매우 중요한 부분이며, 테스트 코드 또한 타입스크립트로 작성하여 안정성을 보장할 수 있습니다. 이번 포스트에서는 타입스크립트로 테스트 코드를 작성하는 방법에 대해 살펴보겠습니다.

Jest를 이용한 테스트 환경 설정

가장 인기 있는 자바스크립트 테스팅 프레임워크 중 하나인 Jest를 사용하여 타입스크립트로 테스트 코드를 작성할 수 있습니다. 먼저 Jest를 프로젝트에 설치하고, 타입스크립트를 지원하기 위해 필요한 패키지를 설치해야 합니다.

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

그 다음, tsconfig.json 파일에 다음과 같이 설정을 추가합니다.

{
  "compilerOptions": {
    "target": "es6",
    "module": "commonjs",
    "strict": true,
    "esModuleInterop": true
  }
}

이제 Jest가 타입스크립트 파일을 이해할 수 있도록 jest.config.js 파일에 다음 구성을 추가합니다.

module.exports = {
  moduleFileExtensions: ['ts', 'tsx', 'js'],
  transform: {
    '^.+\\.(ts|tsx)$': 'ts-jest',
  },
  testMatch: ['**/*.test.(ts|tsx)'],
  globals: {
    'ts-jest': {
      tsconfig: 'tsconfig.json',
    },
  },
};

예제 테스트 코드 작성

이제 간단한 예제를 사용하여 타입스크립트로 테스트 코드를 작성해 보겠습니다.

다음 예제는 두 숫자를 더하는 함수를 가정하고, 해당 함수를 테스트하는 코드입니다.

// math.ts
export function add(a: number, b: number): number {
  return a + b;
}

// math.test.ts
import { add } from './math';

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

테스트 실행

이제 테스트 코드를 작성했으니 Jest를 사용하여 실행할 차례입니다. package.json 파일의 스크립트 부분에 테스트 실행 명령어를 추가합니다.

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

그리고 아래 명령어를 실행하여 테스트를 실행합니다.

npm test

마무리

이제 타입스크립트와 Jest를 사용하여 테스트 코드를 작성하는 방법을 알아보았습니다. 타입스크립트의 정적 타입 검사와 Jest의 강력한 테스트 기능을 활용하여 안정적이고 견고한 코드를 작성하는 데 도움이 될 것입니다.

• 참고 문서: Jest 공식문서

그럼 즐거운 코딩 되세요! 😊