프론트엔드
모두싸인 QA의 일 하는 방식 — E2E 테스트 자동화
두줄요약
모두싸인 QA가 Playwright와 POM, BDD를 활용해 E2E 테스트 자동화를 운영하는 방식을 소개했습니다. 핵심 시나리오 중심으로 범위를 정하고 CI/CD와 연계해 품질과 속도의 균형을 맞췄습니다.
핵심 내용
- 모두싸인 QA 조직의 E2E 테스트 자동화 운영 방식 소개
- Playwright, POM, BDD, 모노레포, CI/CD를 결합해 유지보수성과 실행 안정성 확보
- 핵심 사용자 시나리오 중심으로 자동화 범위를 정하고 API 테스트로 보완
구조와 흐름
- Playwright의 자동 대기, locator, trace, 병렬 실행, 자체 리포트 기능 활용
- 화면 단위로 페이지 객체를 분리한 POM 구조로 UI 변경 영향 최소화
- Given-When-Then 기반 BDD 래핑으로 단계별 디버깅과 가독성 강화
선택 이유
- Cucumber 대신 Playwright와 TypeScript 환경에 맞는 직접 래핑 방식 선택
- 모노레포와 브랜치 단위 파이프라인으로 코드와 테스트의 버전 불일치 방지
- QA와 개발자의 공동 책임 구조를 만들기 위한 협업 방식 채택
성능/운영 포인트
- Flaky code 비율 1% 미만 수준 유지
- 브랜치별 선택적 실행과 병렬 테스트로 피드백 루프 단축
- testId, aria-label 반영으로 locator 안정성 향상