[vue/test-utils] document 접근 에러 해결 방법(with. attachTo 등)
- 에러 발생 환경: vue3, vue/test-utils, jest- 에러 상황: 직접 DOM 접근 시 요소가 없다는 에러 발생 Vue 컴포넌트를 테스트할 때 DOM에 직접 접근하는 경우가 있다. Vue는 보통 ref로 DOM에 접근할 수 있으나, document.querySelector나 document.getElementById 도 사용이 가능하다.이런 경우 Jest와 vue/test-utils 환경에서는 컴포넌트가 jsdom의 가상 DOM에만 렌더링되므로 실제 document.body에 요소가 없어서 에러가 발생한다. 이번 시간에는 에러 발생 원인과 attachTo 옵션을 비롯한 추가 해결 방법을 간단히 살펴보고자 한다.1. DOM 접근 에러의 근본 원인(1) jsdom 환경과 Virtual D..
2025. 2. 28.
