单元测试包含 vuetify 的 vue 组件

Question

例如，如何在组件内部的 v-autocomplete 中触发 change 事件，以便我

我试过类似的东西：

import SomethingAutocomplete from "@/components/SomethingAutocomplete.vue";
import { shallowMount } from "@vue/test-utils";
import { VAutocomplete } from "vuetify/lib";
import { Constructor } from "vue/types/options";

test("Some test", async () => {
  const wrapper = shallowMount(SomethingAutocomplete);
  let ac = wrapper.find(<Constructor>VAutocomplete);
  ac.trigger("input");
  await wrapper.vm.$nextTick();
  ...
  <handler was never called>
});

有什么提示吗？ TIA。

Answer 1

trigger()仅用于触发组件内部的事件。 由于这里我们要检查子组件发出的事件的行为，因此我们需要将事件发送到父组件。 所以这将完成这项工作：

ac.vm.$emit("input", valueOfTheInput);