Feb 13, 2024

2024.02.13 - 실수에서 배우는 개발태도

Jest를 사용하기 위해서는 초기 설정이 중요하다
2024.02.13 - 실수에서 배우는 개발태도

Jest를 사용하기 위해서는 초기 설정이 중요하다,,,

테스트코드 실습을 하며 여러 에러를 마주하게 되었고 jest 공식 사이트를 들어가 시작 및 개요를 찾아보며 config 파일 작성법에 대해 알게 되었다.

jest.config.js

module.exports = {
  preset: 'ts-jest',
  testEnvironment: 'jest-environment-jsdom',
};

preset : Jest와 함께 사용할 사전 설정을 지정. default : undefined
현재 나는 코드를 TypeScript로 짜고있기 때문에 ts-jest 를 설치해주었다.

testEnvironment : 테스트에 사용될 테스트 환경. default : node

현재 나는 웹앱을 개발중이기 때문에 테스트환경을 변경시켜주었다. jest-environment-jsdom

jsomjest-environment-jsdom 의 차이

jsdom은 Node.js에서 가상 DOM 환경을 생성하기 위한 독립형 라이브러리인 반면, jest-environment-jsdom은 Jest 테스트를 위해 특별히 DOM 환경을 제공하기 위해 jsdom을 활용하는 Jest 전용 환경 이라고 한다.

결론 : jest-environment-jsdom 을 사용하자.

강의를 보며 설정에 대한 이해를 하지 않고 무작정 따라하다 보면 생각하지 못한 실수를 통해 예상치 못한 에러를 보게 된다.
무작정 에러메세지를 복사해서 구글에 붙여넣고 해결책을 찾다보면 나도 모르는 설정을 이것저것 붙이고 "어? 되네?" 라는 생각을 하며 넘어가게 되는 경우가 있다.
빠른 개발과 생산물이 필요한 상황이라면 이렇게 넘어갈 수 밖에 없겠지만 그게 아니라면 한번 내가 어떤 설정을 하고 있는지 알아보고 넘어가자. 그래야 내 것이 될테니까.

Share article
RSSPowered by inblog