시각적 회귀 테스트 BackstopJS 적용하기

이 게시물은 시각적 회귀 테스트를 위해 BackstopJS를 적용한 경험을 공유합니다.

BackstopJS의 특징

• 렌더링 결과 비교를 통한 UI 변화 확인
• 크롬 headless 브라우저를 사용하여 화면 캡처
• puppeteer를 활용한 다양한 스크립트 설정

설치 및 실행 절차

테스트를 위해 npm으로 BackstopJS를 설치하고, 초기 설정 후 테스트를 실행하여 결과를 확인하는 방법을 설명합니다.