Stable Cypress

E2E 테스트 운영 팁

문서 후반의 셀렉터, 비동기 대기, 네트워크 모킹, 커스텀 명령어, CI 실행, 상태 리셋은 로그인 시나리오의 흔들림을 줄이는 기준입니다.

cypress:run
테스트 전용 셀렉터 버튼 텍스트나 CSS 구조가 바뀌어도 `data-testid`로 의도를 안정적으로 찾습니다. cy.get
자동 대기 고정 지연 대신 `should('be.visible')`처럼 화면 변화가 준비될 때까지 재시도합니다. should
네트워크 모킹 `cy.intercept`로 로그인 API 응답을 고정해 외부 API 상태와 분리된 테스트를 만듭니다. intercept
재사용 동작 반복 로그인 절차는 `Cypress.Commands.add`로 묶어 스펙 파일의 의도를 선명하게 둡니다. commands
상태 초기화 `beforeEach`에서 방문 경로, 계정, 저장소 상태를 맞춰 테스트끼리 영향을 주지 않게 합니다. beforeEach
개발 중 확인 npm run cypress:open UI 러너에서 실패 시점의 DOM, 콘솔, 스크린샷을 보며 고칩니다.
헤드리스 회귀 실행 npm run cypress:run CI/CD에서 헤드리스 실행으로 회귀를 자동 차단합니다.