2017-06-15 68 views
0

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

我正在使用茉莉花。

当我测试第一级时它的工作正常,但如果我调用第一级调用的回调函数内的另一个方法,茉莉花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(); 
     } 
    });  
    } 
} 

任何人都可以帮我吗?

回答

0

这是因为你返回一个Promise,但它永远不会被解决或被拒绝。尝试做

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); 
+0

它比我的代码更简单,但仍然无法正常工作。我在登录回调中放了一些console.log,我发现样本(你和我的)都调用了this.menu.enable方法。 – andercruzbr

+0

好的,如果你用spyOn(authStub,'login')。和.returnValue(Promise.resolve(true))来转换你的间谍呢? – trichetriche

+0

同样的行为。我认为问题是在spyOn(menuControllerStub,“启用”),无法检查方法是否被调用。 – andercruzbr

相关问题