Testing event triggered when typing text in a textarea with Vitest and Vue Test Utils

<script setup lang="ts">
import { ref, computed } from 'vue';

const inputText = ref('');
const reflectedText = ref('');

const outputText = computed(() => reflect(inputText.value));

const reflectInput = () => {
    reflectedText.value = reflect(inputText.value);
};

function reflect(str: string) {
    return str;
}
</script>

<template>
    <div>
        <div class="bg-gray-900 rounded-lg overflow-hidden mx-10">
            <div class="p-6">
                <div class="flex mb-6">
                    <textarea
                        id="textInput"
                        class="w-full bg-gray-800 text-font-color placeholder-font-color h-48 resize-none border border-black rounded-lg px-4 py-2"
                        v-model="inputText"
                        @input="reflectInput"
                    ></textarea>
                    <textarea
                        id="textOutput"
                        class="w-full bg-gray-800 text-font-color placeholder-font-color h-48 resize-none border border-black rounded-lg px-4 py-2 ml-4"
                        :value="outputText"
                        readonly
                    ></textarea>
                </div>
            </div>
        </div>
    </div>
</template>

 it('should call reflectInput when @input event is triggered on textInput', async () => {
        const wrapper = shallowMount(Home);
        const reflectInputSpy = vi.spyOn(wrapper.vm, 'reflectInput');

        const textInput = wrapper.find('#textInput');
        await textInput.setValue('Hello');
        await textInput.trigger('input');

        expect(reflectInputSpy).toHaveBeenCalled();
    });