Vue测试工具,测试是否调用了打字稿组件上的函数

问题描述

我有一个具有异步登录方法的Vue(ts类)组件。 我里面有一个vuetify按钮。

const wrapper = shallowMount(LoginComponent,{
  localVue,vuetify,computed: {
    isLoggedIn() {
      return false;
    }
  },});

const loginBtn = wrapper.find('[data-cy=\'login-button\']');
expect(loginBtn.exists()).toBe(true);
expect(loginBtn.element).toBeVisible();

当我尝试添加模拟并触发其调用时,它不起作用。它只是说预期的呼叫数1已收到0。 有什么问题吗?

const login = jest.spyOn(wrapper.vm,'login');
loginBtn.trigger('click');
await wrapper.vm.$nextTick();
expect(login).toHaveBeenCalled();

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)