BackstopJS 적용 후기

이 게시물은 BackstopJS를 활용한 시각적 회귀 테스트의 적용 후기를 다룹니다.

BackstopJS 활용법

• 헤드리스 브라우저를 사용해 URL 기반으로 테스트 진행
• Atomic 디자인 시스템의 Organism 단위로 테스트 수행
• 사이드이펙트를 쉽게 발견할 수 있는 기능 제공

자동화 및 문서화

BackstopJS는 스토리북과 연계되어 테스트를 자동화하고 문서화할 수 있는 장점이 있으며, PR 테스트 결과를 자동화하여 확인할 수 있는 시스템을 구축하였습니다.