Cypress intercept

cy.intercept는 브라우저 요청을 가로채 UI 반응을 안정적으로 검증한다

E2E에서 네트워크를 통제하면 실제 서버 상태와 분리해 사용자 액션, API 요청, stub 응답, UI assertion을 같은 경로에서 확인한다.

01 UI action버튼 클릭 또는 입력

사용자가 흐름을 시작한다.

02 request브라우저가 API 호출

method와 URL이 matcher 대상이다.

03 cy.interceptfixture 또는 stub 응답

서버 상태를 재현 가능한 값으로 고정한다.

04 assertionstub 응답 기반 UI 검증

alias와 wait로 요청 완료 시점을 맞춘다.

구분의미판단
fixture테스트 데이터 고정재현성을 높인다.
aliasas와 wait네트워크 완료 후 UI를 검증
계약stub과 실제 API 모양 일치mock이 현실과 멀어지지 않게 관리

핵심 cy.intercept는 서버를 속이는 도구가 아니라 UI가 API 상태 변화에 어떻게 반응하는지 검증하는 경계다.