Jest Setup

Jest 단위 테스트 설정

순수 함수와 React 컴포넌트 테스트를 안정적으로 돌리려면 실행 환경과 matcher 확장이 먼저 준비되어야 합니다.

설정 파일

jest.config 환경 매핑

jsdom 환경, 변환 규칙, 모듈 별칭을 Next.js 프로젝트 구조와 맞춰 테스트 진입점을 고정합니다.

전역 준비

setup 파일 matcher 로드

jest-dom 확장, mock 초기화, 공통 polyfill을 테스트 실행 전에 한 번 불러옵니다.

실행 명령

test script 반복 경로

package.json에 단일 실행, watch, CI 명령을 분리해 로컬과 배포 검증 흐름을 맞춥니다.

검증 도구

Testing Library 사용자 관점

구현 세부 DOM보다 role, label, text, 이벤트 결과를 기준으로 화면 동작을 확인합니다.

테스트 환경

jsdom과 setup 파일이 컴포넌트 테스트 기반을 만듭니다

DOM이 필요한 테스트는 testEnvironment와 @testing-library/jest-dom 설정이 맞아야 자연스럽게 작성됩니다.

설정 항목

setup 파일테스트마다 반복 import하지 않도록 matcher와 공통 mock 상태를 중앙에서 준비합니다.
test script개발 중 빠른 실행, 변경 감시, 배포 전 전체 실행을 각각 명령으로 분리합니다.
Testing LibraryDOM 구조보다 role, label, text, 사용자 이벤트 결과를 검증 기준으로 삼습니다.