[Vitest] localstorage is not defined

Vitest 로 로컬스토리지 기능테스트 중 에러 발견
localStorage 를 찾지 못 해서 에러가 난 것 같다.

 

 

브라우저 환경에서 테스트가 필요하여, 패키지를 추가해야 한다.
- jsdom
- happy-dom ( jsdom 보다 빠르지만, 일부 api들이 부족함 )

 

나는 jsdom 을 이용했다.

npm i -D vitest jsdom

 

프로젝트 파일에 vite.config.js 파일 생성 후 아래와 같이 작성

import { defineConfig } from "vite";

export default defineConfig({
  test: {
    environment: "jsdom",
  },
});

 

성공😊

 

 

 

📚 https://vitest.dev/guide/environment.html