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();
}
});
}
}
任何人都可以帮我吗?
它比我的代码更简单,但仍然无法正常工作。我在登录回调中放了一些console.log,我发现样本(你和我的)都调用了this.menu.enable方法。 – andercruzbr
好的,如果你用spyOn(authStub,'login')。和.returnValue(Promise.resolve(true))来转换你的间谍呢? – trichetriche
同样的行为。我认为问题是在spyOn(menuControllerStub,“启用”),无法检查方法是否被调用。 – andercruzbr