MSW boundary
MSW는 컴포넌트 코드를 그대로 두고 네트워크 응답만 가로챈다
실제 fetch 호출 경로를 유지하면서 테스트 서버가 응답을 대신하면 UI와 API 경계가 더 현실적으로 검증된다.
User
검색/제출
컴포넌트 상태 변경
fetch
실제 URL/메서드
제품 코드 유지
MSW handler
성공/빈값/오류 응답
네트워크 대역
UI
결과/오류 표시
사용자 관찰
시나리오
MSW 응답
검증
성공
200 JSON
목록 표시
빈 결과
[]
empty UI
오류
500/timeout
오류 메시지
핵심
MSW의 장점은 fetch를 mock 함수로 바꾸지 않고도 네트워크 경계를 통제하는 것이다.