Jest에서 require대신 Import 사용하기

송준섭 Junseop Song·2023년 11월 3일

JavaScript

목록 보기
5/5

참고

그냥 package.json에 “type”: “module”을 추가하면 jest에서도 import를 쓸 수 있을 줄 알았다.

그러나 그냥 소스 코드에서는 오류가 안났지만 jest에서는 import에서 오류가 발생하였다.

찾아보고 다음과 같은 조치를 취하니 npm test가 잘 동작하였다.

1. 프로젝트 폴더 생성 및 필요 패키지 설치

$ mkdir jest-using-import && cd jest-using-import
$ npm init -y
$ npm install -D jest @types/jest @babel/core @babel/preset-env @babel/preset-typescript

2. package.json에 “test” 부분 수정

{
  "name": "jest-using-import",
  "version": "1.0.0",
  "scripts": {
    "test": "jest"  // test로 jest 사용
  },
  "devDependencies": {
    "@babel/core": "^7.18.5",
    "@babel/preset-env": "^7.18.2",
    "@types/jest": "^28.1.3",
    "jest": "^28.1.1"
  }
}

3. babel.config.json 생성

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

4. jest.config.json 생성

{
  "verbose": true,  // 더 자세한 정보 출력
  "collectCoverage": true  // 테스트 적용 범위 출력 (테스트 코드로 소스 코드의 함수들을 얼마나 커버하는지)
}

0개의 댓글