VSCode, Babel환경에 Jest 세팅 하기

babel 환경에서 jest를 이용할 경우 jest-babel을 같이 설치한다.

npm i -D jest jest-babel

 

 

VSCode상에서 자동완성을 편리하기 위해서는 

아래도 설치해주도록 하자.

npm i -D @types/jest

 

아래를 통해 jest를 실행할 수 있고

npx jest

 

 

 

아래를 통해 스크립트를 저장할 때마다 자동으로 모든 jest 테스트 코드를 자동으로 실행시켜준다.

npx jest -watchAll

 

리액트 컴포넌트를 테스트 하기 위해서 render를 테스트 하는 라이브러리를 설치해준다. (리액트 공식 홈펭지에서도 권장하고 있음)

npm i -D @testing-library/react

 

 

render를 통해 그려준 결과물은 DOM 형태로 브라우저 상에 표현되기 때문에 Matcher를 확장해주는 것인

jest-dom도 설치해주도록 하자.

npm i -D @testing-library/jest-dom