Integration Test

통합 테스트 연결 검증

한 함수만 보지 않고 화면 렌더링, 데이터 요청, 상태 변화가 실제 사용 흐름처럼 이어지는지를 봅니다.

렌더 대상

사용자 흐름 컴포넌트

목록, 폼, 상세 화면처럼 상태 변화가 보이는 단위를 골라 화면 계약을 테스트합니다.

의존성 경계

데이터 요청 함수를 성공, 빈 결과, 실패 응답으로 나눠 UI 분기와 오류 문구를 검증합니다.

상호작용

클릭, 타이핑, 포커스 이동을 실제 브라우저 흐름에 가깝게 발생시켜 이벤트 순서를 보존합니다.

대기 조건

loading, success, error가 사라지거나 나타나는 시점을 기다려 네트워크 지연에도 흔들리지 않게 합니다.

모듈 경계

네트워크를 직접 호출하지 않더라도 API 모듈을 mock으로 세워 컴포넌트와 상태 변화를 같이 확인합니다.

API 모듈성공, 빈 배열, 500 오류를 별도 fixture로 두면 같은 화면의 분기 기준이 선명해집니다.

userEventsubmit 전 입력 완료, blur 검증, 비활성 버튼 같은 중간 상태도 행동 순서에 포함합니다.

비동기 상태findBy, waitFor로 전환 완료 시점을 기다려 타이밍 의존 실패를 줄입니다.