jpotw / jest_playground

0 stars 0 forks source link

JEST 초기설정 #2

Open jpotw opened 2 months ago

jpotw commented 2 months ago

ref: JEST Getting Started

1. TypeScript check

  1. babel을 이용하는 법

https://babeljs.io/docs/babel-plugin-transform-typescript#caveats

몇가지 제한점이 있는데 1) 타입 체크를 하지 않는다 2) ts.config.js가 적용되지 않는다.

→ 솔직히 거의 상관업긴 한듯.

  1. ts-jest를 설치하는 방법

나는 2번 방법 씀

yarn add --dev ts-jest

실제로 type을 적용하려면

yarn ts-jest config:init

명령어 통해 jest.config.js를 만들어줘야 한다.


2. Global API Type Check

jest에서 쓰이는 global api도 타입체크를 해줘야 하는데

1) JEST global package를 설치한 후

yarn add --dev @jest/globals

API를 각 test에 import하는 방법과

2) types/jest라는 외부 패키지를 사용하는 방법이 있다

import 을 안 해줘도 된다는 장점이 있다.

2)의 경우 version을 최대한 JEST 와 동일하게 설정해주는 것을 권장한다고 함

이것도 2번 방법 쓰겟음

yarn add --dev @types/jest


3. ESLint

ESLint environment 를 설정하면 JEST global helpers 따로 import 안 해도 eslint에 오류 안 생긴다고 함

나는 어차피 typescript에서도 import 필요 없게 설정했으니까 여기서도 이렇게 설정해야겠다

{  
"overrides": [  
{  
"files": ["tests/**/*"],  
"env": {  
"jest": true  
}  
}  
]  
}

예전에는 rc 파일썼다는데 이제는 eslint.config.js를 추천한다고 함 (관련 이슈)