Question

我有一个包含以下

的模板

            <button type="button" id="alogin" class="btn btn-primary btn-raised btn-block btn-lg" @click="login()">Sign In</button>

登录功能很长，但是由

组成

login() {
    this.error = 'none';
    this.error_message = null;
    const self = this;
    authentication.login(config, self.id_number, self.password, (err, result) => {
      if (err) {

      } else {

          self.startSession();
        }

    });
  }

请像设置后一样尝试测试单击登录按钮

it('tries to login', () => {
  LoginComponent.id_number = '293io090';
  LoginComponent.password = 'password';

expect(LoginComponent.$el.querySelector('#alogin').click()).to.equal(true);

，但最终变得不确定。香港专业教育学院使用vuejs测试工具来查找（'#alogin'），但结果仍然相同。卡住

Answer 1

如果您使用的是mount中的shallowMount或vue-test-utils，那么您应该知道这些函数为您的组件返回了Wrapper，而find方法返回的包装是好。因此，您可以像这样调用点击处理程序：

LoginComponent.find('#alogin').trigger('click')

vuejs单击测试鼠标事件

1 个答案: