테스트

인턴을 수행하며 퍼블리싱에 전념하고 있었다. 내가 담당한 작업이 UI이긴 했지만, 혹시나 기능적인 문제가 발생하지 않는지 또는 정상적인 UI가 표시되지 않는지 확인하는 과정이 필요했다.

Vitest를 설치하고 package.json 에 "test": "vitest" 설정한 후, 테스트 코드까지 작성한 상태에서 실제로 npm 이나 yarn 으로 테스트를 실행해보면 아래와 같은 에러를 맞닥뜨릴 수 있다.

개발을 하다 보면 백엔드 API가 완성되지 않았거나, 테스트 환경에서 네트워크 의존성을 제거해야 하는 순간이 온다.

프로젝트에서 쿠키+세션 방식으로 비회원 로그인을 구현하였고, 이를 MSW로 어떻게 모킹했는지와 관련하여 포스팅했다.