jsdom

TIL - 20220705

프로젝트를 진행하던 중에 다음과 같은 에러를 만났다. 과거, 코드숨 리액트 과정 때 처음부터 과제 따라 하기를 진행할 때도 다음과 같은 에러를 만난 적이 있었다. 그때를 지금 돌이켜보면 어떻게 해결했지?라는 생각이 들며 아 에러를 해결하며 제대로 공부하지 않았기 때문에 이 에러를 또 만났구나. 이번에는 제대로 공부해서 다시는 반복치 말아야겠다는 생각을 하게 됐다. 에러 핸들링에 대한 담백한 해결법은 https://jaeyooniverse.tistory.com/123에 정리했다. 이곳은 TIL이니 느낀 점과 배운 점을 더 보태보자면 다시 에러를 만나게 됐을 때 해결책을 쉽게 떠올리지 못한 이유는 이 에러가 왜 일어났는지 제대로 찾아보지 않아서였다고 생각한다. 에러가 있네? 이건 어떻게 해결해야 하지? 검색..

The error below may be caused by using the wrong test environment, Consider using the "jsdom" test environment. 에러 해결법

Jest로 테스트 코드를 작성하던 중, 다음과 같은 에러를 만났다. 에러의 원인은 간단하다. Jest의 버전이 28이상이라면, jest-environment-jsdom을 설치하고 jest.config.js에 testEnvironment: 'jsdom'이라는 속성을 넣어주어야 한다. 왜냐하면, 기존 jest는 testEnvironment로 node를 사용하고 있었고, 이는 브라우저 환경에 대한 모든 테스트를 무효화한다. 따라서, 브라우저 환경에 대한 테스트를 진행하려면 브라우저 환경의 구현인 jsdom을 사용해야 한다. Jest 버전 28 이후로 패키지 사이즈를 줄이기 위해 jest에서 기존엔 포함되어 있었던 jest-environment-jsdom이 지워졌다. 따라서, 다음과 같이 해주면 된다. npm ..