타입스크립트[TypeScript] | jest로 DOM 테스트 하기위해 필요한 환경 설정

 

타입스크립트 환경에서 jest로 테스트를 하려고 코드를 작성하던 중, 아래 이미지처럼

컴포넌트를 렌더링하기 위해서는 testEnvironment 설정을 jsdom으로 설정하라는 오류가 발생했다.

 

 

그래서  jest.config.ts 파일을 아래 소스코드처럼 수정하였고, 또 다시 오류가 발생했다.

import type { Config } from "jest";

const config: Config = {
  // ... 기존 설정
  testEnvironment: "jsdom",
};

export default config;

 

이번엔 jest-environment-jsdom은 더이상 기본으로 제공되지 않으니 설치를 해야한다는 안내였다.

(As of Jest 28 "jest-environment-jsdom" is no longer shipped by default, make sure to install it separately)

 

그래서 패키지를 설치해주었고, 잘 실행 되는 것을 확인했다.

npm install -D jest-environment-jsdom
or
yarn add -D jest-environment-jsdom