글을 시작하기에 앞서 BackstopJS에 대한 설명과 설정 방법이 궁금하신 분들은 시각적 회귀 테스트 BackstopJS 적용하기 (Visual Regression Test)를 확인해 주시면 감사하겠습니다. 이번 글에서는 BackstopJS…

이 글에서는 BackstopJS를 통해 시각적 회귀 테스트를 구축한 제 경험을 공유해보고자 합니다.

간단한 예시를 통해 Custom Jest Matchers 설정방법을 학습해봅니다.

테스트 코드를 자동으로 만들 수 있는 Cypress Studio의 사용 방법을 공유합니다. 특히 비 개발자에게 로우코드(Low Code)로 자동화 테스트를 구축하는 데 도움이 될 것입니다.

MSW를 Front-End 통합테스트에 적용해서 할 수 있는 다양한 테스트를 소개합니다.

깔끔한 코드, 잘 읽히는 코드, 중복을 최소한 코드, 관심사의 분리 등 개발자들의 깔끔함(?)을 위한 노력은 오늘도 계속된다.