<p>vitest를 사용하여 메서드 및 단위 테스트 vue 구성 요소를 시뮬레이션합니다. </p> <p><em>MyComponent.vue</em></p> <pre class="brush:php;toolbar:false;"><스크립트 설정> "vue"에서 { ref } 가져오기;; const isSelectAll = ref(true); const selectAllModel = ref(false); const onChange = () => isSelectAll.value = true; selectAllModel.value = false; }; const onVisibleChange = () => // 전화 이외의 작업 수행 onChange(); }; <p><code>onChange</code>를 모의하여 <code>onVisibleChange</code> 메소드를 단위 테스트하고 <code>onChange</code> </p> <p><em>MyComponent.spec.js</em></p> <pre class="brush:php;toolbar:false;">'vitest'에서 { 마운트 } 가져오기; 'vue'에서 { ref } 가져오기; './MyComponent.vue'에서 MyComponent를 가져옵니다. explain('MyComponent', () => { const 래퍼 =shallowMount(MyComponent); const spy = vi.spyOn(wrapper.vm, 'onChange'); 래퍼.vm.onVisibleChange(); 기대(spy).toHaveBeenCalled(); 기대(wrapper.vm.onChange).toHaveBeenCalled(); // 두 가지 모두 오류가 발생합니다. AssertionError: 예상되는 "onChange" //또한 시도했습니다 const mock = vi.fn(); Wrapper.vm.onChange = 모의; 래퍼.vm.onVisibleChange(); Expect(mock).toHaveBeenCalled(); // AssertionError: "spy"가 한 번 이상 호출될 것으로 예상됩니다. Expect(wrapper.vm.onChange).toHaveBeenCalled(); // TypeError: [Function onChange]는 스파이 또는 스파이에 대한 호출이 아닙니다! })</pre></p>