Next.js 단위 테스트 설정

UNIT TEST SETUP 작은 단위를 빠르게 검증하는 안전망을 만든다 Next.js에서는 Jest와 Testing Library를 묶어 함수, 컴포넌트, 사용자 상호작용을 조기에 검증합니다.

핵심 환경React 컴포넌트 테스트에는 브라우저 DOM을 흉내 내는 jsdom 환경이 필요합니다.

Installjest, testing-library, jest-dom, jsdom 환경 패키지를 추가합니다.

Confignext/jest로 Next 설정을 읽고 testEnvironment를 지정합니다.

Write렌더링 결과와 사용자 행동을 기준으로 기대값을 작성합니다.

Run리팩터링 전후에 테스트를 돌려 기존 동작을 보호합니다.

좋은 단위 테스트는 구현 세부보다 사용자가 관찰하는 결과를 확인할 때 오래 유지됩니다.