Kemas kini Textfield tidak berfungsi dalam utiliti ujian Vue (hanya bergurau)

Question

Hai, saya baru mengenal jest dan ujian unit. Saya ingin bertanya bagaimana untuk menetapkan input teks nilai menggunakan vue test utils.

Tidak lama kemudian saya mempunyai komponen tersuai saya untuk input teks, inilah kod saya

<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"
  />

Ini adalah ujian saya

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")

Sila beritahu saya jika anda tahu penyelesaian untuk masalah ini, terima kasih atas masa anda

Answer 1

Setahu saya, setValue tidak segerak, jadi anda mungkin perlu menetapkannya await input.setValue('示例文本')