使用jest进行单元测试,测试使用vue构建的表单。在这些元素中,我有一个重置按钮(type=reset),它工作得很好,一旦单击它就会删除所有已经引入的值。
但是,当进行单元测试时,单击按钮似乎并没有清除值。我没有单击的处理程序,只是使用表单的默认重置函数。
我也试过使用 wrapper.emmited('reset');
无济于事,以及 wrapper.emmitedByOrder();
返回一个空数组。
如何测试重置按钮是否正确生成并按预期工作?
test('Assert Form Components', async () => {
const wrapper = mount(FormElement, {
propsData: {
message: sampleJSON.formJSON
}
})
let resetBtn = wrapper.find('.form-reset');
let requiredInput = wrapper.find('.required-input');
....
requiredInput.setValue('test');
expect(requiredInput.element).toHaveValue('test'); //This passes
await resetBtn.trigger('click');
expect(requiredInput.element).not.toHaveValue('test') //This fails
....
暂无答案!
目前还没有任何答案,快来回答吧!