페이지 하나를 완성하고 나니, 수동으로 회원가입, 주문, 결제까지 반복하다 보니 지치고, 자동화 테스트 작성 시 버튼 위치 변경에 계속

한 페이지를 완성하고 나서, 회원가입(registration), 주문(ordering), 그리고 결제(payment) 과정을 수동으로 한 번씩 클릭해 보았습니다. 세 번째 라운드쯤 되니 완전히 무감각해졌습니다. 자동화 테스트 코드를 작성할 때마다 버튼의 위치가 바뀌면 항상 망가지곤 했습니다.

e2e는 새로운 엔드투엔드(end-to-end) 테스트 프레임워크로, 목표를 한 문장으로 설명하면 Agent가 스스로 앱을 조작하여 이 작업을 완료합니다.

완료된 후에는 일반적인 단언(assertion)을 사용하여 결과를 확인할 수 있습니다. AI 단계와 전통적인 코드가 같은 테스트 내에서 혼합될 수 있습니다.

GitHub:
http://github.com/tester-army/e2e
가장 비용 효율적인 부분은 리플레이 메커니즘입니다. Agent가 한 번 실행하면, 그 작업을 기록합니다. 만약 앱에 변경이 없다면, 모델 호출 없이 바로 재연(replay)할 수 있습니다.

웹 측은 Chromium, Firefox, WebKit을 지원하며, 모바일 측에서는 iOS 및 Android 에뮬레이터를 구동할 수 있고, 테스트 결과는 PR(Pull Request)에 자동으로 댓글로 달릴 수 있습니다.

공식 문서에는 Vite, Next.js, Expo, SwiftUI, Flutter 등 7가지 전체 예제가 제공됩니다. 사용자의 구독, API 키 또는 로컬 모델을 사용할 수 있습니다.

즉석에서 테스트를 만들고 싶은 프론트엔드 및 앱 개발자들은 예제 프로젝트부터 실행해 보세요.