프로젝트에 테스팅 도입하기 - 삽질의 기억

이 글은 React 기반의 파트너스 프로젝트에 테스트 도입 경험을 공유합니다. 잦은 Form 입력과 상호 의존적인 UI로 인해 Side Effect 관리가 어렵고, Javascript의 동적 타입 체크로 인한 런타임 에러 감지의 한계를 극복하기 위해 테스트 도입을 결정했습니다.

테스트는 사용자의 최종 UI 경험에 초점을 맞춰, 컴포넌트 내부 로직보다는 사용자의 액션에 따른 UI 변화를 검증하는 방식으로 진행됩니다. 또한, 개별 컴포넌트가 아닌 Page 전체를 렌더링하여 컴포넌트 간 통합 작동 시 발생할 수 있는 문제를 사전에 감지하는 것을 목표로 합니다.

이를 통해 개발 단계에서 에러를 미리 발견하고 안정적인 서비스 개발에 기여하고자 합니다.