jest vue单测如何模拟输入框的值改变

在 Jest 中模拟输入框的值改变可以通过以下步骤完成：

1. 安装 vue-test-utils 和 @vue/test-utils 库（如果尚未安装）。

2. 在测试文件中导入 Vue 和 vue-test-utils 的 mount 方法。

import { mount, Vue } from '@vue/test-utils';

3. 创建一个 Vue 组件的测试包装器，并使用 mount 方法进行挂载。

const wrapper = mount(ComponentName);

4. 获取输入框元素，并使用 setValue 方法模拟输入框的值改变。

const input = wrapper.find('input');
input.setValue('新的值');

完整的示例代码如下：

import { mount, Vue } from '@vue/test-utils';
import ComponentName from '@/components/ComponentName.vue';

describe('ComponentName', () => {
  it('should update input value', () => {
    const wrapper = mount(ComponentName);
    const input = wrapper.find('input');
    input.setValue('新的值');
    expect(wrapper.vm.inputValue).toBe('新的值');
  });
});

这样就可以模拟输入框的值改变，并断言组件的状态是否正确更新