2023년 11월 1일
Next.js + Jest + React Testing Library + Playwright 조합으로 테스트하기
nextjstestingjestreact-testing-libraryplaywrightapp-router
App Router를 사용하는 Next.js 프로젝트에서 Jest, React Testing Library, Playwright를 어떻게 나눠 쓰고, 무엇을 어디에서 테스트할지 정리한 실전 가이드입니다.
1Next.js 앱에서 단위/통합/E2E 테스트 피라미드를 어떻게 설계할지 설명한다
2next/jest와 RTL을 이용한 기본 Jest 설정 예시를 제공한다
3Client Component와 서버 유틸을 실제 API 호출 없이 테스트하는 방법을 다룬다
4핵심 플로우를 Playwright로 최소한의 E2E 테스트로 커버하는 패턴을 소개한다
5어떤 시나리오를 Jest/RTL로, 어떤 시나리오를 Playwright로 가져갈지 기준을 제시한다