브라우저 자동화 QA — 스크린샷보다 상태 검증이 먼저다

스크린샷은 마지막 확인에 좋지만 실패 원인을 알려주지는 않는다. 버튼 텍스트, 네트워크 응답, DOM 상태를 먼저 잡고 스크린샷은 증거로 남겼다.

DOM 기반 smoke test

먼저 측정 가능한 기준을 정했습니다. 감으로 빠르다거나 편하다고 말하기보다, 응답 시간, 실패율, 유지보수 비용처럼 팀이 반복해서 볼 수 있는 지표를 앞에 뒀습니다.

await expect(page.getByRole("button", { name: "저장" })).toBeEnabled();
await expect(page.locator("[data-state=saved]")).toBeVisible();

네트워크 실패 감지

작게 도입한 뒤 한 주 동안 운영 데이터를 모았습니다. 예상보다 좋았던 부분은 개발 경험이었고, 예상보다 까다로웠던 부분은 예외 상황의 디버깅이었습니다.

모바일 viewport

마지막 체크리스트는 단순합니다. 되돌릴 수 있는가, 실패를 관찰할 수 있는가, 팀원이 같은 결정을 다시 설명할 수 있는가. 이 세 가지가 통과되면 도입 리스크는 꽤 낮아집니다.