我似乎无法使用 vue-test-utils 和 Vue 2 “单击”这些选择框。我使用的是 mocha + webpack。
我通过看到visible-change事件从未像点击时那样触发来确定这一点。这是我的规范文件的样子：
...
const wrapper = mount(EntityItem, { propsData });
const selectBox = wrapper.find("el-select");
// I tried these:
selectBox.trigger("click");
selectBox.trigger("click.native");
如果这不起作用，作为最后的手段，我必须手动更改model属性以模拟组件更改。
- - 更新 - -
当我为点击事件设置回调时，我看到了一些东西，但我无法在这个选择输入组件中“选择”任何东西。
Whitespace 上面的回答有所帮助，但也需要确保您使用
await Vue.nextTick()
在您的期望声明之前。像这样：
wrapper.findAll('.el-select-dropdown__item').at(1).trigger('click');
await Vue.nextTick();
expect(enterResultBtn.is('[disabled]')).toBe(true);
这允许 DOM 更新它的循环，更多信息在这里
您正在使用的组件不使用select输入元素。为了模拟选择一个选项，你会做这样的事情。
wrapper.findAll('.el-select-dropdown__item').at(1).trigger('click'); // simulates clicking of one of the options
如果您想模拟单击选择元素本身（以显示下拉菜单）。您可以执行以下操作。
wrapper.find('.el-select-dropdown').trigger('click');