테스트 자동화의 시작 - Cypress 기반 E2E 테스트 도입기

간단 소개

카카오모빌리티 웹 FE 개발팀의 Cypress 기반 E2E 테스트 도입 및 활용 사례, 그리고 테스트 자동화 전략을 소개합니다.

AI Summary

E2E 테스트 도입 배경 및 필요성
- 반복적인 수동 QA의 비효율성을 해결하고 주요 사용자 흐름의 안정성 확보를 위해 E2E 테스트 도입
- 유닛 테스트의 한계를 극복하고 전체 사용자 흐름에서의 결함 방지
- 빠르게 변화하는 환경에서 전체적인 사용자 흐름의 안정성을 보장하는 것이 중요하다고 판단
Cypress 활용 및 장점
- Cypress는 실시간 디버깅, 자동 대기 기능, 시각적 피드백, 간단한 설치 및 사용 용이성 측면에서 우수
- API Mocking을 통해 서버 상태와 관계없이 독립적인 테스트 수행 가능
- 사용자 정의 명령(Custom Commands)을 사용하여 테스트 코드의 가독성과 재사용성 향상
- testing-library를 활용하여 접근성 기반 요소 선택 및 상호작용 시뮬레이션으로 사용자 경험 기반 테스트 작성
테스트 목표 및 범위 설정
- 초기에는 성공적인 흐름(Happy Path) 검증에 집중하고, 이후 디테일한 사용자 흐름 및 엣지 케이스 검증
- CI/CD 파이프라인과 연동하여 테스트 자동화 및 릴리스 안정성 확보