테스트 중

React와 Next.js에서는 각각 목적과 사용 사례가 다른 몇 가지 다른 유형의 테스트를 작성할 수 있습니다. 이 페이지는 응용 프로그램을 테스트하는 데 사용할 수 있는 유형 및 일반적으로 사용되는 도구에 대한 개요를 제공합니다.

테스트 유형

유닛 테스트는 개별 단위(또는 코드 블록)를 고립하여 테스트하는 것을 의미합니다. React에서 유닛이란 단일 함수, 훅 또는 컴포넌트일 수 있습니다.
컴포넌트 테스트는 유닛 테스트의 보다 집중된 버전으로, 테스트의 주된 대상이 React 컴포넌트인 것을 의미합니다. 이는 컴포넌트가 렌더링되는 방식, props와의 상호 작용, 사용자 이벤트에 대한 반응 등을 테스트할 수 있습니다.
통합 테스트는 여러 개의 유닛이 함께 작동하는 방식을 테스트하는 것을 의미합니다. 이는 컴포넌트, 훅 및 함수의 조합일 수 있습니다.
엔드-투-엔드 (E2E) 테스트는 브라우저와 같은 실제 사용자 시나리오를 모방하는 환경에서 사용자 흐름을 테스트하는 것을 말합니다. 이는 프로덕션과 유사한 환경에서 특정 작업(예: 가입 플로우)을 테스트하는 것을 의미합니다.
스냅샷 테스트는 컴포넌트의 렌더링된 출력을 캡처하고 스냅샷 파일에 저장하는 것을 의미합니다. 테스트를 실행할 때 컴포넌트의 현재 렌더링된 출력이 저장된 스냅샷과 비교됩니다. 스냅샷의 변경은 예기치 않은 동작의 변화를 나타내기 위해 사용됩니다.

React 생태계에 새롭게 도입된 비동기 서버 구성요소는 일부 도구에서 완전히 지원되지 않을 수 있습니다. 그동안 비동기 구성요소에 대해 단위 테스트보다는 End-to-End Testing을 권장합니다.

아래 가이드를 참조하여 Next.js를 사용하여 일반적으로 사용되는 테스트 도구를 설정하는 방법을 배우세요: