E2E 테스트 자동화 구축

• QA 팀이 매일 수행하는 Daily-Check 리스트의 반복 작업 리소스 소모 • 수동 테스트의 휴먼 에러 발생 가능성 • 회귀 테스트(Regression Test)에 소요되는 시간 증가 • 배포 전 핵심 시나리오 검증 자동화 필요성

• 크로스 브라우저 지원 (Chromium, Firefox, WebKit) • 안정적인 자동 대기 메커니즘 (Auto-waiting) • 강력한 선택자 엔진 및 UI 테스트에 최적화 • 스크린샷, 비디오 녹화 등 디버깅 도구 제공

환자 등록, 예약 생성, 차트 작성, 결제 처리 등 핵심 사용자 플로우를 커버하는 40개의 테스트를 작성했습니다. - 환자 등록/수정/삭제 플로우 - 예약 생성 및 관리 시나리오 - 차트 작성 및 조회 기능 - 파일 업로드 및 다운로드 - 급여 계산 및 결제 프로세스 - 테스트 픽스처(Fixture)로 공통 설정 재사용

매일 아침 자동으로 실행되는 테스트 워크플로우를 구축했습니다. 테스트 실패 시 메신저 알림을 보내 빠르게 대응할 수 있도록 했습니다.

GitHub Actions를 활용하여 main 브랜치로의 PR 생성 시 자동으로 E2E 테스트가 실행되도록 설계 했습니다. 병렬 실행으로 전체 테스트 시간을 10분 이내로 단축했습니다.

매 테스트마다 동일한 초기 상태를 보장하기 어려웠습니다. 특히 병렬 테스트 실행 시 데이터 충돌 문제가 발생했습니다. 이런 문제를 해결하기 위해 각 테스트가 고유한 데이터셋을 사용하도록 설계했습니다. beforeEach 훅에서 테스트용 계정과 데이터를 생성하고, afterEach에서 정리하는 방식으로 독립성을 확보했습니다. UUID를 활용해 테스트별 고유 식별자를 부여하여 병렬 실행 시에도 충돌이 발생하지 않도록 했습니다.

초기에는 모든 테스트가 시작될 때마다 로그인 과정을 반복했습니다. 40개의 테스트에서 각각 로그인하면 전체 실행 시간이 크게 증가하는 문제가 있었습니다. Playwright의 storageState 기능을 활용하여 한 번 로그인한 인증 상태를 JSON 파일로 저장하고, 이후 테스트에서 재사용하도록 개선했습니다. globalSetup에서 사전에 인증 상태를 준비하고, 각 테스트는 이를 불러와 즉시 시작할 수 있게 했습니다. 결과적으로 전체 테스트 실행 시간을 약 40% 단축할 수 있었고, 세션 만료나 로그인 실패로 인한 테스트 불안정성도 크게 줄었습니다.

치과 차트 시스템에서는 X-ray 이미지, 동의서 PDF 등 다양한 파일을 업로드하고 다운로드하는 기능이 많이 쓰입니다. 브라우저의 파일 다이얼로그는 일반적인 방법으로는 자동화하기 어려웠습니다. Playwright의 setInputFiles() API를 사용해 파일 선택 다이얼로그를 우회하여 직접 파일을 input 요소에 할당했습니다. 다운로드의 경우 page.waitForEvent('download')로 다운로드 이벤트를 감지하고, 다운로드된 파일의 경로, 크기, MIME 타입을 검증했습니다. 특히 대용량 이미지 파일 업로드 시 Progress Bar가 정상 작동하는지, 업로드 완료 후 미리보기가 제대로 표시되는지까지 E2E로 검증할 수 있게 되었습니다.

수동 테스트 2시간 → 자동화 테스트 20분으로 단축했습니다. QA팀은 자동화된 회귀 테스트 대신 새로운 기능의 탐색적 테스트에 집중할 수 있게 되었습니다. 수동 테스트로 인해 발생 할 수 있는 휴먼 에러를 완전히 제거하고, 버그를 조기에 발견할 수 있게 되었습니다. E2E 테스트는 핵심 시나리오 위주로 작성하는것이 효율적이라는 것을 배웠고, 테스트를 염두해 두지 않은 설계는 오히려 유지보수를 어렵게 한다는걸 느꼈습니다. 모든 것을 테스트 할 필요는 없기 때문에 적절한 테스트 커버리지의 균형이 중요하다는 생각이 들었습니다.