La mise à jour de Textfield ne fonctionne pas dans l'utilitaire de test Vue (je plaisante)

Question

Salut, je suis nouveau dans les plaisanteries et les tests unitaires. Je veux demander comment définir la saisie de texte de valeur à l'aide des utilitaires de test vue.

Bientôt j'ai eu mon composant personnalisé pour la saisie de texte, voici mon code

<input
    v-model="local_value"
    @keyup.enter="submitToParent"
    :class="input_class"
    :id="id"
    :disabled="is_disabled"
    :maxlength="max_length"
    :placeholder="placeholder"
    :autocomplete="(is_autocomplete) ? 'on' : 'off'"
    :name="id"
    :ref="id"
  />

C'est mon test

it("type something on field", async () => {
        const wrapper = shallowMount(TextInput, {
            propsData: {
                id: "my_input",
            }
        })

        // find component (its work properly) and I want to try inserting some text
        const input = wrapper.findComponent({ref: "my_input"})
        input.element.value = "sample text"
        input.setValue("sample text")

        // the value still empty string (""), idk what happens with my code
        console.log(wrapper.vm.local_value)
        expect(wrapper.vm.local_value).toBe("sample text")

S'il vous plaît dites-moi si vous connaissez la solution à ce problème, merci pour votre temps

Answer 1

Pour autant que je sache, setValue est asynchrone, vous devrez donc peut-être le définir await input.setValue('示例文本')