AI와 함께하는 UI 테스트 자동화 혁신!
by DD
5개월 전
조회수 43
토스인컴의 세금 환급 서비스 UI 테스트 자동화를 위해 AI 3명을 투입함
Claude, Cursor, Codex 등 AI 도구를 활용하여 Page Object Model 도입 및 약관 자동화 구현
React UI의 비동기 문제 해결을 통해 테스트 성공률 100% 달성
AI 기반 테스트 자동화 아키텍처
AI를 활용한 UI 테스트 자동화는 Page Object Model 도입을 통해 셀렉터 중복 문제를 해결했다. 구체적으로 Claude를 활용하여 테스트 코드, 유틸 함수, 문서화를 자동화했다. 따라서 테스트 유지보수성을 향상시키고, 코드 중복 제거를 통해 효율성을 높였다.
React UI 테스트의 어려움과 해결
React 기반 UI의 비동기 문제는 테스트의 주요 난관이었다. waitForReactInteractionReady 함수를 통해 DOM 렌더링과 이벤트 바인딩 시점의 차이를 해결했다. 반면, safeClick 함수를 통해 다양한 클릭 방식을 제공하여 테스트 안정성을 확보했다. 결과적으로 테스트 성공률 100%를 달성했다.
AI 팀원과의 협업 방식
AI 팀원과의 협업은 문제 정의, 요구사항 정리, 결과 검토에 집중하는 방식으로 진행되었다. 구체적으로 AI는 코드 작성, 문서화, 커밋 메시지 작성을 담당했다. 따라서 QA는 AI의 결과물 검증과 테스트 방향성 제시에 집중하여 효율성을 높였다.
