[javascript] Jest에서의 테스트 대상 코드 트랜스파일 방법은 어떻게 되는가?
  1. Babel 및 관련 플러그인 설치: 먼저, 프로젝트에 Babel과 함께 사용할 플러그인을 설치해야 합니다. 아래의 명령어를 사용하여 설치할 수 있습니다.
npm install --save-dev @babel/core @babel/preset-env @babel/preset-react babel-jest
  1. Babel 구성 파일 생성: 프로젝트 루트 디렉토리에 .babelrc라는 이름의 파일을 생성하고, 다음과 같이 설정합니다.
{
  "presets": [
    "@babel/preset-env",
    "@babel/preset-react"
  ]
}
  1. Jest 구성 파일 업데이트: Jest 구성 파일(jest.config.js 또는 package.jsonjest 항목)을 업데이트하여 Babel을 사용하도록 설정합니다. 아래의 예제는 jest.config.js 파일을 사용하는 경우입니다.
module.exports = {
  transform: {
    '^.+\\.jsx?$': 'babel-jest'
  }
}
  1. 테스트 실행: Jest를 통해 테스트를 실행하면 테스트 대상 코드가 자동으로 트랜스파일되어 실행됩니다.

이제 Jest에서 ES6+ 코드를 사용하는 프로젝트를 테스트하는 데 Babel을 사용할 수 있습니다. Babel은 자동으로 코드를 트랜스파일하여 Jest가 인식할 수 있는 형식으로 변환해줍니다.


참고 자료: