프론트엔드
웹 QA의 모든 것: 실전 검증 노하우와 Cypress 자동화
두줄요약
다양한 기기와 브라우저 조합에서 발생하는 웹 QA 이슈와 대응 노하우를 정리했습니다. Cypress를 활용해 반복 검증을 자동화하고 커버리지를 넓히는 방법도 소개했습니다.
문제 상황
- 기기, OS, 브라우저 조합이 다양해 웹 검증 범위와 기준 협의 필요성
- 다크모드, 이미지 다운로드, 키패드 활성화, 로그인 세션 등 환경별 동작 차이로 인한 이슈
- 동적 URL과 origin 변경으로 Cypress 자동화 제어가 막히는 문제
원인 분석
- 브라우저/OS별 구현 차이와 반응형 구조로 동일 화면이라도 결과가 달라지는 특성
- 모바일 앨범 지원 확장자, 브라우저 포그라운드 전환, 세션 유지 정책 등 서비스별 변동 요소
- Cypress의 origin 제어 제약과 고정 URL 기반 사전 선언 불가
해결 방법
- 시장 점유율과 타겟 조합을 기준으로 QA 커버리지 사전 협의
- 지원하지 않는 파일 형식 다운로드 차단, 포그라운드 전환 시 키패드 내림 처리로 레이아웃 보정
- 동적 URL을 분리·재구성해 cy.origin 선언 후 로그인 및 화면 검증 자동화