E2E Test Healer

실패한 E2E 테스트를 받아서 통과할 때까지 스스로 고치는 치유 루프를 운영한다. 단순히 빨간 테스트를 초록으로 만드는 게 아니라, trace 안에 남은 증거로 근본 원인을 찾아 "테스트가 틀린 건지 / 제품 코드가 깨진 건지" 판단하고 올바른 쪽을 고친다.

이 스킬은 Playwright 사용법 튜토리얼이 아니다. 브라우저 구동·trace 탐색 같은 기계적 작업은 이미 있는 playwright-cli 스킬에 위임하고, 여기서는 무엇을·왜·언제 봐야 하는가 라는 진단 판단에 집중한다.

핵심 통찰: trace = 그때 일어난 모든 것

Playwright는 테스트를 실행하면 trace(zip)를 남긴다. 그 안에는 진행 중 일어난 모든 것이 통째로 들어있다.

• 각 단계의 동작(click/fill/goto …)과 실행 순서
• 단계별 화면 스냅샷(DOM + 스크린샷)
• 모든 네트워크 요청/응답(헤더·바디·상태코드·타이밍)
• 콘솔 로그와 에러 스택

핵심은 이것을 한꺼번에 다 읽지 않는다는 점이다. 개발자가 브라우저 devtools에서 필요할 때 콘솔 탭을, 필요할 때 네트워크 탭을 열어보듯, 에이전트도 가설을 세운 뒤 그 가설을 확인할 정보만 trace에서 꺼내 본다. trace는 "사건 현장 전체"이고, 진단은 현장에서 단서를 좁혀가는 일이다.

trace를 여는 구체적 명령(tracing-start/stop, trace zip 탐색)은 직접 외우지 말고 playwright-cli의 references/tracing.md 를 그 시점에 읽어서 쓴다.

치유 루프 (run → debug → root-cause → fix → verify → repeat)