Question

我正在开发一个测试例程，用于检查在调用特定方法时是否调用了某些方法。

我正在使用茉莉花。

当我测试第一级时，它工作正常，但如果我在第一级调用的回调函数中调用另一个方法，则jasmine spyOn不起作用。

我的代码的一个小例子：

onLogin(form: NgForm) {
  this.submitted = true;
  if (form.valid) {
    this.auth.login(this.login.username, this.login.password).then((value) => {
      if(value) {
        this.menu.enable(true, 'loggedInMenu');
        this.menu.enable(true, 'loggedOutMenu');
        this.navCtrl.setRoot(TabsPage);
      } else {
        let alert = this.alertCtrl.create({
          title: 'Ops',
          subTitle: 'Some things wrong.',
          buttons: ['OK']
        });
        alert.present();
      }
    });      
  }
}

// Test Routine
describe("onLogin", () => {
    it("makes expected calls when authentication successfully", () => {
        const menuControllerStub = fixture.debugElement.injector.get(MenuController);
        const authStub = fixture.debugElement.injector.get(Auth);
        const ngFormStub = fixture.debugElement.injector.get(NgForm);

        // it isn't works
        spyOn(menuControllerStub, "enable").and.callFake(() => {});

        // it's work fine
        spyOn(authStub, "login").and.callFake((username:string, password: string) => {
            return new Promise((callback, fallback) => {
                callback(true);
            });
        });

        comp.onLogin(ngFormStub);

        // failed
        expect(menuControllerStub.enable).toHaveBeenCalled();
        // success
        expect(autenticacaoStub.login).toHaveBeenCalled();
    });

为了测试，我将两个代码行移到外面回调，测试工作正常。例如：

onLogin(form: NgForm) {
  this.submitted = true;
  if (form.valid) {
      this.menu.enable(true, 'loggedInMenu');
      this.menu.enable(true, 'loggedOutMenu');

        this.auth.login(this.login.username, this.login.password).then((value) => {
        if(value) {
          this.navCtrl.setRoot(TabsPage);
        } else {
          let alert = this.alertCtrl.create({
            title: 'Ops',
            subTitle: 'Some thing wrong.',
            buttons: ['OK']
          });
          alert.present();
        }
    });      
  }
}

有人可以帮助我吗？

Answer 1

这是因为你回复了承诺，但它从未得到解决或拒绝。尝试做

    spyOn(authStub, "login").and.callFake((username:string, password: string) => {
        return Promise.resolve(true);
    });

编辑请试试这个：

let spy = spyOn(menuControllerStub, 'enable').and.returnValue(false); 
// ...
expect(spy).toHaveBeenCalledTimes(2);

Answer 2

Promise是异步的，其余的测试将在Promise解决之前运行。

在您的情况下，请在tick()之前添加expect(menuControllerStub.enable).toHaveBeenCalled()方法。

测试方法是否由promise回调调用

2 个答案: