React Hooks 단위 테스트 도구 비교

1. Vitest + @testing-library/react-hooks (renderHook)

장점

• Vite 프로젝트와 통합 용이

• 빠른 실행 속도 (ESM 네이티브)

• 설정 최소화

• TypeScript 지원 우수

• renderHook으로 hooks 격리 테스트 가능

• 모킹 API가 Jest와 유사

단점

• 생태계가 Jest보다 작음

• 일부 Jest 플러그인 미지원 가능

 

---

2. Jest + @testing-library/react-hooks

장점

• 넓은 생태계와 문서

• 많은 플러그인/예제

• 팀 내 익숙함 가능성

단점

• Vite와 설정 복잡도 증가

• ESM 변환 오버헤드

• 실행 속도가 Vitest보다 느릴 수 있음

• Vite 프로젝트에서 설정 비용

---

3. React Testing Library (최신 버전의 renderHook)

장점

• 별도 패키지 불필요 (RTL 내장)

• 컴포넌트 통합 테스트와 동일한 도구

• 사용자 중심 테스트 접근

단점

• 순수 hooks 로직만 테스트하기엔 무거울 수 있음

• 컴포넌트 렌더링 오버헤드