<p>Gunakan vitest untuk mensimulasikan kaedah dan komponen vue ujian unit. </p> <p><em>MyComponent.vue</em></p> <pre class="brush:php;toolbar:false;"><setup script> import { ref } daripada "vue"; const isSelectAll = ref(true); const selectAllModel = ref(false); const onChange = () => isSelectAll.value = benar; selectAllModel.value = palsu; }; const onVisibleChange = () => // buat sesuatu daripada menelefon onChange(); }; </script></pre> <p>Saya ingin menguji kaedah <code>onVisibleChange</code> dengan mengejek <code>onChange</code> </p> <p><em>MyComponent.spec.js</em></p> <pre class="brush:php;toolbar:false;">import { mount } daripada 'vitest'; import { ref } daripada 'vue'; import MyComponent daripada './MyComponent.vue'; describe('MyComponent', () => { pembungkus const = shallowMount(MyComponent); const spy = vi.spyOn(wrapper.vm, 'onChange'); wrapper.vm.onVisibleChange(); expect(spy).toHaveBeenCalled(); expect(wrapper.vm.onChange).toHaveBeenCalled(); // Kedua-dua jangkaan memberikan ralat: AssertionError: dijangka "onChange" akan dipanggil sekurang-kurangnya sekali //Juga mencuba const mock = vi.fn(); wrapper.vm.onChange = olok-olok; wrapper.vm.onVisibleChange(); expect(mock).toHaveBeenCalled(); // AssertionError: dijangka "pengintip" expect(wrapper.vm.onChange).toHaveBeenCalled(); // TypeError: [Function onChange] bukan pengintip atau panggilan kepada pengintip! })</pre></p>