새로운 AI 기반 시각적 UI 테스트 도구인 '레이아웃렌즈(LayoutLens)'가 개발자 커뮤니티에 공개되며 주목받고 있습니다. 이 도구는 기존의 픽셀 단위 비교 방식이나 순수 대규모 언어모델(LLM) 기반 테스트가 놓치기 쉬운 레이아웃 및 접근성(accessibility) 문제를 효과적으로 감지하도록 설계되었습니다. 특히 결정론적 검사와 AI의 강점을 결합한 하이브리드 접근 방식을 통해 신뢰성을 높인 것이 특징입니다.
레이아웃렌즈는 세 가지 모드를 제공합니다. 첫 번째는 '결정론적(Deterministic)' 모드로, API 키나 모델 호출 없이 WCAG A/AA 표준을 따르는 접근성 검사 도구인 axe-core와 기하학적(geometry) 검사를 수행합니다. 이는 재현 가능한 측정값을 기반으로 CI/CD 파이프라인에서 안전하게 사용할 수 있습니다. 두 번째는 기본값인 '하이브리드(Hybrid)' 모드로, 결정론적 검사 결과를 시각 LLM(Vision LLM)에 주입하여 LLM이 측정된 위반 사항을 무시하지 못하게 합니다. 이를 통해 LLM은 새로운 문제를 발견할 수는 있지만, 측정된 오류를 지울 수는 없어 정확도가 유지됩니다. 마지막으로 'LLM' 모드는 스크린샷 기반의 자연어 질문에 답변하는 순수 LLM 분석을 제공합니다.
이러한 레이아웃렌즈의 등장은 UI 테스트의 패러다임을 바꿀 잠재력을 가지고 있습니다. 기존 테스트 방식은 복잡한 설정과 유지보수 비용이 높았으며, 특히 시각적 미묘함이나 접근성 문제를 놓치기 쉬웠습니다. 레이아웃렌즈는 자연어 질문만으로도 UI를 분석하고, 결정론적 검사를 통해 AI의 환각(hallucination) 문제를 보완함으로써 개발자들이 더 빠르고 정확하게 UI 버그를 찾아낼 수 있도록 돕습니다. 이는 사용자 경험(UX) 개선과 개발 생산성 향상에 크게 기여할 것으로 기대됩니다.