使用 vue-test-utils / jest 触发 Quasar QBtn 点击答案

【问题标题】：Trigger Quasar QBtn click using vue-test-utils / jest使用 vue-test-utils / jest 触发 Quasar QBtn 点击
【发布时间】：2020-12-30 19:36:42
【问题描述】：

我正在尝试在 Jest 中模拟 quasar QBtn 组件的按钮单击（使用 vue-test-utils）。我需要测试单击按钮时是否调用了@click方法，所以我做了以下操作

  it("Expects createAccount to be called", async () => {
    const button = wrapper.findComponent(QBtn);
    await button.trigger('click');

    expect(methods.createAccount).toBeCalled();
  })

我还使用jest.fn() 模拟了createAccount 函数但是我总是得到 0 次函数调用，尽管如果我直接使用它就可以工作

wrapper.vm.createAccount()

然后检查函数是否被调用... 有什么想法可以触发 QBtn 上的点击事件吗？我也试过用find('button')触发点击，也没用

【问题讨论】：

标签： vue.js jestjs quasar-framework vue-test-utils quasar

【解决方案1】：

对于这些类型的测试，我使用cypress；我个人更喜欢用 jest 来测试方法、计算等......

【讨论】：