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

Posted 2023-02-19

【中文标题】使用 vue-test-utils / jest 触发 Quasar QBtn 点击

【英文标题】：Trigger Quasar QBtn click using vue-test-utils / jest

【发布时间】：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')触发点击，也没用

【参考方案1】：

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