渲染组件后测试Vue组件

时间:2020-05-29 11:58:18

标签: vue.js jestjs

当前,我正在尝试在Vue应用程序中测试表组件。

通常在API调用中获取表数据,但是我模拟了API响应,并以已解决的Promise返回。

该API调用的模拟工作正常,我设法测试了它是否正确填充了Vue data()状态对象。

但是,当我尝试单击表格中的按钮或测试任何呈现的表格代码时,诸如

的代码
const downloadButton = wrapper.find(".download-btn");
downloadButton.trigger("click");

返回不确定的/我得到不确定的行为。

我拍摄了快照以了解正在发生的事情,该快照显示该表处于其加载状态。 (即表格列在那里,但不显示数据,而是显示“表格正在加载”)

如何强制我的测试在测试之前等到表已加载并呈现完毕?

我已经尝试多次使用await localVue.nextTick();,但这并没有改变任何东西。

0 个答案:

没有答案