피드로 돌아가기
Dev.toDevOps
원문 읽기
playwright-cli 도입을 통한 AI Agent 토큰 비용 90% 이상 절감
`@playwright/cli` Is Not `npx playwright test` — And That Difference Is Costing Your AI Agent Thousands of Tokens
AI 요약
Context
전통적인 npx playwright test 기반의 AI 에이전트 진단 방식은 전체 소스 코드와 설정 파일을 읽어야 하는 구조적 한계 존재. 대규모 테스트 스위트의 실패 분석 시 불필요한 컨텍스트 주입으로 인한 Token Bonfire 현상과 진단 정확도 저하 문제 발생.
Technical Solution
- 정적 코드 분석 대신 실시간 브라우저 상태를 쿼리하는
playwright-cli기반의 인터랙션 루프 설계 - DOM 전체 HTML이 아닌 상호작용 가능한 요소만 추출한 Compact Snapshot 구조를 통해 컨텍스트 최적화
--skills플래그를 활용한 명령어 문서의 로컬 캐싱으로 세션 시작 시 발생하는 Discovery Token 소모 방지npx playwright test의 결과값과playwright-cli의 Live State를 결합한 하이브리드 진단 워크플로우 구축- CSS Selector 대신 Role-based Selector를 적용하여 배포 시 변경되는 클래스명에 의한 진단 오류 제거
--grep옵션을 통한 테스트 범위 제한으로 초기 분석 단계의 데이터 전송량 최소화
실천 포인트
- AI Agent에 DOM 정보 제공 시 HTML 전체가 아닌 Ref ID 기반의 요약 스냅샷 구조 적용 검토 - LLM의 Tool Discovery 비용을 줄이기 위한 로컬 명령어 스키마 캐싱 전략 도입 - 정적 파일 분석 전 Live State 확인 단계를 배치하여 불필요한 파일 읽기 루프 제거 - UI 테스트 자동화 시 변경에 강한 Role-based Selector 표준 채택