Open jpotw opened 2 months ago
ref: JEST Getting Started
https://babeljs.io/docs/babel-plugin-transform-typescript#caveats
몇가지 제한점이 있는데 1) 타입 체크를 하지 않는다 2) ts.config.js가 적용되지 않는다.
→ 솔직히 거의 상관업긴 한듯.
나는 2번 방법 씀
yarn add --dev ts-jest
실제로 type을 적용하려면
yarn ts-jest config:init
명령어 통해 jest.config.js를 만들어줘야 한다.
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
ESLint environment 를 설정하면 JEST global helpers 따로 import 안 해도 eslint에 오류 안 생긴다고 함
나는 어차피 typescript에서도 import 필요 없게 설정했으니까 여기서도 이렇게 설정해야겠다
{ "overrides": [ { "files": ["tests/**/*"], "env": { "jest": true } } ] }
예전에는 rc 파일썼다는데 이제는 eslint.config.js를 추천한다고 함 (관련 이슈)
ref: JEST Getting Started
1. TypeScript check
https://babeljs.io/docs/babel-plugin-transform-typescript#caveats
몇가지 제한점이 있는데 1) 타입 체크를 하지 않는다 2) ts.config.js가 적용되지 않는다.
→ 솔직히 거의 상관업긴 한듯.
나는 2번 방법 씀
실제로 type을 적용하려면
명령어 통해 jest.config.js를 만들어줘야 한다.
2. Global API Type Check
jest에서 쓰이는 global api도 타입체크를 해줘야 하는데
1) JEST global package를 설치한 후
API를 각 test에 import하는 방법과
2) types/jest라는 외부 패키지를 사용하는 방법이 있다
import 을 안 해줘도 된다는 장점이 있다.
2)의 경우 version을 최대한 JEST 와 동일하게 설정해주는 것을 권장한다고 함
이것도 2번 방법 쓰겟음
3. ESLint
ESLint environment 를 설정하면 JEST global helpers 따로 import 안 해도 eslint에 오류 안 생긴다고 함
나는 어차피 typescript에서도 import 필요 없게 설정했으니까 여기서도 이렇게 설정해야겠다
예전에는 rc 파일썼다는데 이제는 eslint.config.js를 추천한다고 함 (관련 이슈)