INTEGRATION TEST

사용자 흐름과 모듈 연결을 한 번에 검증한다

단위 테스트가 조각을 확인한다면 통합 테스트는 화면, 상태, API 모킹이 함께 맞물리는지 확인합니다.

App Router 전략상호작용은 Client Component 중심으로, 서버 데이터는 모킹 또는 함수 단위 검증으로 분리합니다.

시나리오상품 목록을 보고 검색하는 사용자 행동을 먼저 문장으로 고정합니다.flow

모킹MSW나 fetch mock으로 네트워크 응답을 안정적으로 제어합니다.API

렌더링Testing Library로 사용자가 보는 화면 기준으로 컴포넌트를 렌더링합니다.screen

상호작용검색어 입력과 버튼 클릭처럼 실제 이벤트를 발생시킵니다.user

검증필터링된 결과가 화면에 남고 불필요한 항목은 사라졌는지 확인합니다.assert

핵심: 구현 세부가 아니라 사용자에게 보이는 결과와 모듈 사이 데이터 흐름을 기준으로 테스트합니다.