단위 테스트를 실행할 때 Vue Pinia의 기능이 onMounted에서 정의되지 않았습니다.

Question

상태와 일부 작업을 포함하는 구성 요소와 Pinia 저장소가 있습니다. 코드는 브라우저 및 E2E(cypress) 테스트에서는 완벽하게 실행되지만 단위 테스트에서는 실패합니다. 저는 vue-testing-utils와 vitest를 사용하고 있습니다.

버튼을 클릭하면 단위 테스트에서 저장된 함수를 호출하면 제대로 작동하지만 해당 함수가 설치된 스크립트나 기본 스크립트에 있으면 테스트가 실패합니다.

src/comComponents/UsersComponent.vue

으아아아

src/stores/users.store.js

으아아아

src/comComponents/test/UsersComponent.spec.js

으아아아

단위 테스트는 2가지 다른 오류를 반환합니다. 첫 번째는 onMounted()에서 함수가 실행을 시도할 때의 콘솔 로그이고 두 번째는 vitest가 반환하는 것입니다.

으아아아 으아아아

이 예제는 약간 기본적이고 실제로 목적에 부합하지 않는다는 것을 알고 있지만, 모든 단위 테스트를 중단하지 않고 onMounted()(또는 유사한 곳)에 함수를 저장하는 방법을 알고 싶습니다.

Answer 1

아마도 이것이 당신에게 유용할 것입니다:

으아악