테스트 커버리지(test coverage)는 소프트웨어의 테스트 스위트가 모든 소스 코드를 얼마나 많이 실행하는지를 측정하는 지표입니다. 이번 블로그에서는 타입스크립트(TypeScript)와 Babel을 사용하여 JavaScript 프로젝트의 테스트 커버리지를 측정하는 방법에 대해 알아보겠습니다.

1. 타입스크립트와 Babel 설정

먼저 프로젝트에 타입스크립트와 Babel을 설정합니다. tsconfig.json 파일에는 다음과 같은 설정을 추가합니다:

{
  "compilerOptions" : {
    "target": "es5",
    "module": "commonjs",
    "strict": true,
    "outDir": "./dist",
    "esModuleInterop": true
  }
}

Babel을 사용하여 타입스크립트를 트랜스파일하는 경우, @babel/preset-typescript를 설치하고 .babelrc 파일에 다음과 같이 설정합니다:

{
  "presets": ["@babel/preset-typescript"]
}

2. 테스트 환경 설정

다음으로 테스트를 위한 환경을 설정합니다. Jest를 사용하는 경우, jest.config.js 파일에 다음과 같은 설정을 추가합니다:

module.exports = {
  // Other Jest configurations
  collectCoverage: true,
  collectCoverageFrom: ["src/**/*.ts"],
  coverageDirectory: "coverage",
  coverageReporters: ["lcov", "text", "html"]
};

3. 테스트 실행 및 커버리지 측정

이제 터미널에서 npm run test 명령을 실행하여 테스트를 실행하고 커버리지를 측정할 수 있습니다. 테스트가 실행된 후, 커버리지 보고서를 살펴볼 수 있습니다. 보고서에는 각 파일의 커버리지 정보와 함께 누락된 부분을 자세히 확인할 수 있습니다.

이렇게 함으로써, 타입스크립트와 Babel을 사용하여 프로젝트의 테스트 커버리지를 측정할 수 있습니다. 테스트 커버리지 측정은 코드의 품질을 높이고 버그를 줄이는 데 도움이 됩니다.

더 자세한 내용은 Jest 공식 문서를 참고하세요.

기술 블로그를 위해 작성된 글입니다. 참고 문헌을 기재해주세요.