통합 테스트 경계

통합 테스트 연결 검증

컴포넌트 내부 구현보다 props, API 응답, 상태 변경, DOM 결과가 이어지는 경계를 선택하면 테스트의 의미가 분명해집니다.

테스트할 것

모듈 사이의 약속

Server Component가 넘긴 초기 데이터, Client Component의 검색 이벤트, mock API 응답 후 화면 변화를 함께 봅니다.

줄일 것

느리고 불안정한 외부 조건

실제 결제, 외부 API, 네트워크 지연은 mock으로 통제하고 사용자에게 보이는 결과를 검증합니다.

데이터 전달

초기 props가 화면 목록으로 변환되는지 확인합니다.

상호작용

입력과 클릭이 fetch 요청과 로딩 상태로 이어지는지 봅니다.

결과 상태

성공, 빈 결과, 오류 문구를 사용자가 보는 방식으로 검증합니다.