Mong dev blog

- 에러 발생 환경: 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..

1. 현상(1) 에러 발생Vitest 환경에서 ReactModal 테스트 구동시 발생한다.[에러 로그]Error: You must set an element with Modal.setAppElement(el) to make this accessiblesetAppElement throws error in testsWarning: react-modal: App element is not defined(2) 해결 방법테스트 대상 모달 컴포넌트에서 NODE_ENV 조건문을 추가한다.// beforeReactModal.setAppElement('#root');// after - 테스트 환경에서 setAppElement를 실행치 않도록 변경if (process.env.NODE_ENV !== 'test') React..

1. actions에 시간 제한은 어떻게? 어느날, A씨는 프로젝트를 진행하던 중 패키지 환경이 변경되어 actions 명령어를 수정하였다. 그런데… 두둥! actions가 n분째 계속 돌고 있는 게 아닌가? 😱 😱 😱 만약 actions 유료 요금제를 쓰고 있다면, 이는 예상치 못한 요금을 발생시킨다 😢 😢 그럼 어떻게 해야 job에 시간 제한을 걸 수 있을까? 💡 바로 timeout-minutes를 이용하는 것이다! (공식문서) 사용법은 간단한데 시간 제한을 걸고 싶은 job에 timeout-minutes(기본값: 360)를 추가하면 된다. 아래 예시는 job의 시간 제한을 15분으로 설정한 코드이다. 만약 job 동작이 15분을 넘기게 되면 자동으로 job은 취소된다. some-job: runs-o..