[FE] 컴포넌트 테스트를 추가합니다. #421

[Zero-1016]

📎 연관 이슈

해결된 이슈: close #421

✏️ 작업 내용

공용으로 사용하는 컴포넌트에 테스트 코드를 추가하였습니다.

구현하면서 다음과 같은 에러를 마주하였습니다.

• Issue
• ReferenceError: document is not defined - testing with vitest

이 에러는 Vitest가 Node.js 환경에서 실행되고 있어서 발생합니다. Vitest는 기본적으로 Node.js 환경을 사용하는데, 테스팅 도구 내부에서 사용하는 document 객체는 브라우저 환경에서만 사용 가능합니다.

때문에 다음과 같이 테스트 환경에 필요한 설정을 추가하였습니다.

// vite.config.ts
export default defineConfig({
  test: {
    environment: 'jsdom',
    globals: true
  }
})