User flow

상품 검색 통합 테스트는 로드, 입력, 요청, 결과 변화를 한 흐름으로 본다

테스트는 내부 함수 호출보다 사용자가 보는 목록이 어떻게 바뀌는지를 중심으로 작성한다.

1

초기 렌더

상품 목록 페이지를 렌더링한다.

2

목록 확인

초기 상품이 화면에 보일 때까지 기다린다.

3

검색 입력

검색창에 키워드를 입력한다.

4

요청 처리

mock API가 검색 결과를 반환한다.

5

결과 검증

새 상품만 보이고 이전 상품은 사라졌는지 본다.

시점
사용자 관찰
검증
초기
노트북, 마우스가 보임
초기 API 호출과 렌더링 확인
검색 중
버튼이 비활성화됨
loading 상태 확인
완료
키보드만 남음
필터 결과와 이전 항목 제거 확인