에이닷 웹서비스팀의 E2E 테스트 도입기

이 게시물은 에이닷 웹서비스팀이 Playwright와 Cursor를 활용해 E2E(End-to-End) 테스트를 도입하고 QA 자동화와 테스트 코드 작성 및 운영 체계화를 추진한 경험을 공유합니다.

테스트 코드 범주와 도구 선정

• Unit Test, Integration Test, E2E Test 세 가지 테스트 코드 범주 설명
• Playwright, Cypress, Selenium 도구 비교 후 Playwright 선택 이유: 크로스 브라우저 지원, 병렬 처리, CI/CD 연동

Playwright 도입 및 활용

• 설치, 실행, 보고서 확인 방법 소개
• codegen 기능으로 테스트 코드 자동 초안화 가능
• data-testid 기반 selector 관리로 유지보수 용이성 확보

Cursor를 활용한 테스트 코드 자동화

• QA팀에서 제공한 테스트케이스 스크린샷을 기반으로 Cursor가 코드 자동 생성
• 테스트 실패 시 예외 처리 자동 수정으로 작업 효율 향상

도입 효과 및 목표

• Playwright와 Cursor 도입으로 방대한 QA 시나리오 자동화 및 생산성 향상
• 중요 테스트케이스 50% 이상 커버 목표 설정
• 서비스 안정성과 사용자 경험 품질 보장을 위해 테스트 자동화를 지속 발전 계획