Cypress E2E

Cypress E2E 시나리오

실제 브라우저에서 로그인, 페이지 이동, 폼 제출 같은 흐름을 확인해 배포 전 사용자 경로를 점검합니다.

러너 설정

cypress.config 기준 경로

baseUrl, spec 패턴, 브라우저 옵션을 프로젝트 구조에 맞춰 E2E 실행 위치를 고정합니다.

앱 준비

개발 서버 동기화

Next.js 앱이 열릴 때까지 기다린 뒤 브라우저 테스트를 시작해 첫 요청 실패를 줄입니다.

진입 지점

cy.visit 라우팅 확인

실제 URL로 이동해 초기 데이터, 리다이렉트, 레이아웃 로딩 상태를 함께 확인합니다.

업무 흐름

사용자 시나리오 완주

로그인, 검색, 제출처럼 서비스 가치가 드러나는 경로를 브라우저에서 끝까지 따라갑니다.

실행 환경

개발 서버와 테스트 러너의 순서를 맞춥니다

Cypress가 접근할 baseUrl이 살아 있어야 cy.visit과 라우트 이동 테스트가 안정적으로 동작합니다.

E2E 구성

개발 서버Next.js 앱을 실행한 뒤 브라우저 테스트를 시작합니다.
cy.visit실제 URL로 이동해 초기 화면과 라우팅을 확인합니다.
사용자 시나리오로그인, 검색, 제출 같은 핵심 경로를 브라우저에서 따라갑니다.