Next · Jest

Next.js 테스트 환경 연결

next/jest, jsdom, setup 파일, package script가 맞물려야 함수와 React 컴포넌트 테스트가 같은 방식으로 실행됩니다.

Jest 설정 파일 연결

unit setup

jest.config.js

nextJest로 Next 설정과 TypeScript 변환을 이어받습니다.

testEnvironment

컴포넌트 테스트는 jsdom으로 브라우저 없이 DOM API를 흉내 내 렌더링과 이벤트를 검사합니다.

jest.setup.js

@testing-library/jest-dom 매처를 모든 테스트에 추가합니다.

moduleNameMapper

@/components 같은 경로 별칭과 CSS mock을 정리합니다.

package script

test, test:watch로 로컬 실행 경로를 고정합니다.

패키지 설치 → next/jest → jsdom → setup → test 실행
테스트 실행 경계

설정 파일은 테스트의 신뢰도를 좌우합니다. 순수 함수는 빠르게, 컴포넌트는 사용자 관점의 DOM 결과로 검증합니다.