<p>Verwenden Sie vitest, um Methoden und Unit-Test-Vue-Komponenten zu simulieren. </p> <p><em>MyComponent.vue</em></p> <pre class="brush:php;toolbar:false;"><script setup> import { ref } aus „vue“; const isSelectAll = ref(true); const selectAllModel = ref(false); const onChange = () => isSelectAll.value = true; selectAllModel.value = false; }; const onVisibleChange = () => // etwas tun als anrufen bei Änderung(); }; </script></pre> <p>Ich möchte die Methode <code>onVisibleChange</code> testen, indem ich <code>onChange</code> </p> <p><em>MyComponent.spec.js</em></p> <pre class="brush:php;toolbar:false;">import { mount } from 'vitest'; import { ref } aus 'vue'; importiere MyComponent aus './MyComponent.vue'; beschreiben('MyComponent', () => { const wrapper = flachMount(MyComponent); const spy = vi.spyOn(wrapper.vm, 'onChange'); wrapper.vm.onVisibleChange(); erwarten(spy).toHaveBeenCalled(); erwarten(wrapper.vm.onChange).toHaveBeenCalled(); // Beide Erwartungswerte geben einen Fehler aus: AssertionError: erwartet, dass „onChange“ mindestens einmal aufgerufen wird //Auch versucht const mock = vi.fn(); wrapper.vm.onChange = mock; wrapper.vm.onVisibleChange(); Expect(mock).toHaveBeenCalled(); // AssertionError: erwartet, dass „spy“ mindestens einmal aufgerufen wird expect(wrapper.vm.onChange).toHaveBeenCalled(); // TypeError: [Function onChange] ist kein Spion oder ein Aufruf an einen Spion! })</pre></p>