Модульное тестирование vue компонент, содержащий vuetify

Question

Например, как вызвать событие изменения в v-autocomplete внутри вашего компонента, чтобы я

я пробовал что-то вроде:

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>
});

Есть какие-нибудь подсказки? ТИА.

Answer 1

trigger() используется только для запуска события внутри компонента. Так как здесь мы хотим проверить поведение события, испускаемого дочерним элементом, нам нужно передать событие родительскому компоненту. Так что это сделает работу:

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