프론트엔드 E2E(End-to-End) 테스트는 사용자 관점에서 애플리케이션의 전체 흐름을 시뮬레이션하여 올바르게 작동하는지 검증하는 테스트 방식입니다. 유닛 테스트나 통합 테스트와 달리, E2E 테스트는 실제 브라우저 환경에서 사용자 동작(버튼 클릭, 페이지 이동, 데이터 입력 등)을 흉내 내어 주요 시나리오를 점검합니다.
E2E 테스트
애플리케이션의 시작부터 끝까지 사용자 여정을 테스트해 UI, DB 같은 모든 구성 요소가 통합적으로 작동하는지 확인하는 테스트 (ex. 로그인 -> 페이지 이동 -> 상품 추가 -> 구매)
주요 도구
Cypress: 빠르고 직관적인 테스트 작성, 실시간 디버깅 지원.
Playwright: 크로스 브라우저(Chrome, Firefox, Safari) 지원, 빠른 실행 속도.
Puppeteer: 헤드리스 브라우저 테스트에 강력, 스크린샷/영상 캡처 가능.
E2E 장점
사용자 경험 기반 오류 조기 발견.
중요한 비즈니스 로직(예: 결제, 회원가입)의 안정성 보장.
배포 후 발생할 수 있는 치명적 버그 예방.
E2E 단점
실행 속도가 느림(브라우저 및 네트워크 의존).
테스트 스크립트 유지보수 비용 높음(UI 변경 시 수정 필요).
플레이크 테스트(간헐적 실패) 발생 가능.
정리
E2E 테스트는 사용자 관점에서 애플리케이션 전체 흐름을 검증합니다. 예를 들어, 로그인 후 대시보드 렌더링까지의 과정을 테스트해 실제 사용자 경험을 보장합니다
E2E 테스트는 사용자 흐름을 점검해 배포 리스크를 줄이지만, 느린 속도와 유지보수 비용 때문에 명확한 대기 조건을 설정하고, 핵심 시나리오에 집중하며, CI/CD에 통합해 자동화합니다."
