Typescript로 Jest 사용하기

Typescript에서 Jest 사용하기

Jest 자체는 .js file 만을 컴파일 하기 때문에 Typescript에서 Jest를 사용하기 위해서는 몇 가지 추가적으로 해줘야 할 것들이 있다.

몇 가지 모듈 설치와 config file 설정을 통해 간단하게 Typescript에서 Jest를 사용할 수 있다.

 

0. 가정

설치에 앞서 Typescript 설정은 끝난 상태라고 가정하겠습니다.

 

1. ts-jest module 설치

npm install --save-dev jest ts-jest @types/jest

• ts-jest : ts-jest는 .ts file을 Jest로 실행시킬 수 있게 만들어 주는 모듈이다.
• @types/jest : @types/jest 는 Typescript에서 사용되는 다양한 Type들을 정의 해놓은 모듈이다.

 

2. jest.config.js 설정

jest --init

위의 커맨드를 통해 Jest를 시작해 줍시다.

 

‼️ 이 때 반드시 Typescript를 활성화 할 것이냐는 질문에 "No"라고 대답하셔야 합니다.

 

그 후에

jest.config.js 파일을 들어가서 preset: "ts-jest"를 추가해 주시면 됩니다.