Vue测试实用程序多个输入发出重置值

import { mount } from '@vue/test-utils'
import MyComponent from '@/components/MyComponent.vue'
import { reset, setValue, trigger } from '@vue/test-utils'

describe('MyComponent', () => {
  it('resets multiple inputs', async () => {
    const wrapper = mount(MyComponent)

    // 模拟多个输入的值
    setValue(wrapper.find('#input1'), 'Value 1')
    setValue(wrapper.find('#input2'), 'Value 2')
    setValue(wrapper.find('#input3'), 'Value 3')

    // 触发相应的事件
    trigger(wrapper.find('#input1'), 'input')
    trigger(wrapper.find('#input2'), 'input')
    trigger(wrapper.find('#input3'), 'input')

    // 断言输入的值已更新
    expect(wrapper.vm.input1).toBe('Value 1')
    expect(wrapper.vm.input2).toBe('Value 2')
    expect(wrapper.vm.input3).toBe('Value 3')

    // 重置多个输入的值
    reset(wrapper.find('#input1'))
    reset(wrapper.find('#input2'))
    reset(wrapper.find('#input3'))

    // 断言输入的值已重置为初始值
    expect(wrapper.vm.input1).toBe('')
    expect(wrapper.vm.input2).toBe('')
    expect(wrapper.vm.input3).toBe('')
  })
})