Applitools

비주얼 테스트 도구의 핵심이 여기에 있다. 픽셀을 비교하는 대신, Eyes는 수십억 장의 UI 렌더링으로 학습한 컴퓨터 비전으로 사람이 진짜 변화로 볼 차이를 판단한다. 폰트 안티앨리어싱이나 밀린 시계 같은 무해한 노이즈는 무시하고, 실제로 중요한 변화만 부각한다. 이 덕분에 팀이 비주얼 테스트를 포기하게 만드는 오탐이 줄어든다. Applitools는 정확도 99.999%를 내세우는데, 이는 벤더 수치이니 기준이 아니라 마케팅으로 받아들이는 게 맞다.

Ultrafast Grid는 한 번의 실행에서 페이지의 DOM 상태를 포착하고, 100가지가 넘는 브라우저, 뷰포트, 모바일 기기 조합으로 동시에 다시 그린다. 브라우저 드라이버 팜을 직접 유지할 필요가 없다. 브라우저마다 전체 스위트를 다시 돌리는 대신 스냅숏 하나를 검증하면 되니, 폭넓은 크로스 브라우저 테스트가 현실이 된다.

Eyes는 Playwright, Cypress, Selenium, WebdriverIO, Appium, Storybook에 들어가고, GitHub Actions, GitLab CI, CircleCI 같은 CI/CD 도구에도 붙는다. 검사 추가는 대개 기존 테스트에 한두 줄 쓰는 일이다. 30가지가 넘는 SDK도 제공해서, 흔한 언어와 스택 대부분을 자체 래퍼 없이 덮는다.

차이가 뜨면 클릭해서 원인이 된 CSS 규칙, DOM 요소, 레이아웃 속성을 확인할 수 있다. 베이스라인 그룹화는 수백 개 뷰포트에 걸친 동일한 UI 변경을 모아 한 번의 클릭으로 받아들인다. 오래 가는 프로젝트일수록 이게 중요하다. 베이스라인을 손으로 관리하는 지점에서 비주얼 테스트가 대개 죽기 때문이다.

비주얼 실행마다 색 대비, 글자 크기, 레이아웃 겹침을 WCAG 기준으로 검증하므로, 접근성 회귀는 시각 문제와 함께 드러난다. 상위 플랜에서는 AI 기반 기능 테스트와 자연어 작성이 더해진다. 테스트 단계를 코드가 아니라 평범한 문장으로 쓴다.

Applitools는 API와 MCP 서버를 제공한다. AI 코딩 에이전트가 시각 차이 데이터를 끌어와 자기 루프 안에서 깨진 UI를 고칠 수 있다. 개발자는 Applitools API를 통해 비주얼 검사를 자기 제품이나 파이프라인에 넣을 수 있다. 이 통로가 있다는 점이 대시보드만 내주는 도구와의 갈림길이다.