우아한형제들 디자인 시스템에 시각적 회귀 테스트 적용하기

우아한형제들 디자인 시스템 '우아한공방'에 시각적 회귀 테스트를 도입한 과정을 공유하는 글입니다. 115가지 UI 컴포넌트를 제공하는 디자인 시스템에서 단위 테스트만으로는 발견하기 어려운 시각적 변경 사항을 효과적으로 감지하기 위해 시각적 회귀 테스트의 필요성을 강조합니다.

코드 변경 전후의 스크린샷을 비교하여 예상치 못한 UI 오류를 자동으로 탐지함으로써, 앱 품질 저하를 방지하고 사용자 경험을 개선하는 것을 목표로 합니다. 글에서는 테스트 도구 선정 과정과 함께 시각적 회귀 테스트 구현 및 안정성 확보 방안에 대해 다룹니다.