MSW를 활용하는 Front-End 통합테스트
프론트엔드
MSW를 활용하는 Front-End 통합테스트
두줄요약
MSW를 통해 FE 통합테스트에서 API 모킹과 응답 제어를 쉽게 하는 방법을 소개했습니다. 검색 페이지 예시로 정상 응답, 엣지 케이스, 에러 처리까지 검증하는 흐름을 설명했습니다.
핵심 내용
- MSW를 활용해 Front-End 통합테스트에서 API 모킹과 응답 제어를 단순화하는 방법 소개
- 검색 페이지 예시로 정상 응답, 조건부 렌더링, 빈 데이터, 네트워크 에러를 단계적으로 검증
server.use로 런타임 응답 변경,rest.get과ctx.json으로 목업 데이터 주입try catch, axios interceptors, Storybook, 개발 서버 연동 등 실무 확장 활용 포인트 정리