
시각적 회귀 테스트 BackstopJS 적용하기 (Visual Regression Test)
BackstopJS와 Storybook으로 공통 컴포넌트의 시각적 회귀 테스트를 구축했습니다. Docker와 PR 프리뷰 리포트로 환경 차이와 UI 변경 검토를 관리했습니다.
#BackstopJS#Storybook
000
새로운 기술 블로그가 추가되었어요

BackstopJS와 Storybook으로 공통 컴포넌트의 시각적 회귀 테스트를 구축했습니다. Docker와 PR 프리뷰 리포트로 환경 차이와 UI 변경 검토를 관리했습니다.

BackstopJS로 시각적 회귀 테스트를 구축한 경험을 정리했습니다. 스토리북과 Docker를 함께 사용해 UI 변경 검증과 운영 안정성을 높였습니다.


모바일 잠금화면 콘텐츠 이미지를 실시간 생성하는 PhantomJS 렌더링 서버를 운영했습니다. 대규모 이미지 생성과 스케일링 이슈를 배경으로 Puppeteer 전환을 다룹니다.