时间戳

首页 > 解决方案 > 使用 vue-test-utils / jest 触发 Quasar QBtn 点击

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

问题描述

我正在尝试在 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();
  })

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

wrapper.vm.createAccount()

只需检查该函数是否被调用......有什么想法可以触发 QBtn 上的点击事件吗？我也尝试使用find('button')和触发点击，也没有工作

标签： vue.jsjestjsquasar-frameworkvue-test-utilsquasar

解决方案

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

推荐阅读