프로젝트에 jest를 도입하다 !

프로젝트에 jest 테스트 코드를 도입하기로 했다.
숙련도가 낮을 땐 테스트 코드를 작성하지 않는 것이 더 높은 생산성을 추구하는 것 처럼 보이지만, 숙련도가 충분하면 테스트 코드를 작성하는 것이 훨씬 더 높은 생산성을 내기 때문이다.

...현재는,
로컬 서버를 실행하고
Postman으로 입력값을 모두 채우고 API를 호출해보고
API 결과를 눈으로 검증해본뒤
문제가 있으면 다시 코드를 수정하는데

...테스트 코드를 작성하면,
1초만에 빠르게 피드백 받고 수정/개선할 수 있다.

따라서 0부터 시작해서 매일 1씩 성장해가기로 했다.

테스트코드의 대표적인 프레임워크로 Jest가 있고, 이때 같이 활용할 수 있는 라이브러리가 있다.

1. Jest: JavaScript 테스트 프레임워크로, React 애플리케이션의 유닛 테스트 및 통합 테스트를 작성한다.
2. Testing Library: React 컴포넌트를 테스트하기 위한 유틸리티를 제공하는 라이브러리로, React Testing Library는 React 컴포넌트를 테스트하기 위한 API를 제공한다.
3. Mock Service Worker (MSW): 클라이언트 측 애플리케이션에서 HTTP 요청을 가로채고 가짜 응답을 제공하여 서버 API를 모의하는 데 사용된다.

설치 명령어

npm install --save-dev jest @testing-library/react @testing-library/jest-dom msw

또한, TypeScript 프로젝트에 Jest를 사용하기 위해서는 ts-jest 패키지도 설치 필요

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

이러한 패키지들을 설치한 후에,
Jest 설정 파일(jest.config.js 또는 package.json 내의 Jest 구성)을 설정하고, 테스트 코드를 작성하여 Jest를 실행할 수 있다. !