我正在尝试使用AngularFire 2身份验证为示例Angular 2应用设置单元测试,该组件非常简单:
import { Component } from '@angular/core';
import { AngularFire, AuthProviders } from 'angularfire2';
@Component({
moduleId: module.id,
selector: 'app-root',
templateUrl: 'app.component.html',
styleUrls: ['app.component.css']
})
export class AppComponent {
isLoggedIn: boolean;
constructor(public af: AngularFire) {
this.af.auth.subscribe(auth => {
if (auth) {
this.isLoggedIn = true;
} else {
this.isLoggedIn = false;
}
});
}
loginWithFacebook() {
this.af.auth.login({
provider: AuthProviders.Facebook
});
}
logout() {
this.af.auth.logout();
}
}
我正在做的是在AngularFire中包装login
和logout
方法,因此我在考虑使用模拟检查方法是否被调用,但是我不确定从哪里开始,我尝试在spec文件中执行以下操作:
import { provide } from '@angular/core';
import { AngularFire } from 'angularfire2';
import {
beforeEach, beforeEachProviders,
describe, xdescribe,
expect, it, xit,
async, inject
} from '@angular/core/testing';
import { AppComponent } from './app.component';
spyOn(AngularFire, 'auth');
beforeEachProviders(() => [
AppComponent,
AngularFire
]);
describe('App Component', () => {
it('should create the app',
inject([AppComponent], (app: AppComponent) => {
expect(app).toBeTruthy();
})
);
it('should log user in',
inject([AppComponent], (app: AppComponent) => {
expect(app.fb.auth.login).toHaveBeenCalled();
})
);
it('should log user out',
inject([AppComponent], (app: AppComponent) => {
expect(app.fb.auth.logout).toHaveBeenCalled();
})
);
});
但是我不确定如何模拟login
和logout
方法,因为它们是auth
属性的一部分,是否可以模拟auth
以及返回login
和logout
方法?
在此片段中:
beforeEach(() => addProviders([
AppComponent,
AngularFire
]);
您设置(或覆盖)将在测试中使用的提供程序。
话虽如此,您可以创建一个不同的类(如果需要的话),并使用{ provide: originalClass, useClass: fakeClass }
表示法提供它,而不是AngularFire
实际的类。
像这样的东西:
class AngularFireAuthMock extends AngularFireAuth { // added this class
public login() { ... }
public logout() { ... }
}
class AngularFireMock extends AngularFire { // added this class
public auth: AngularFireAuthMock;
}
beforeEach(() => addProviders([
AppComponent,
{ provide: AngularFire, useClass: AngularFireMock } // changed this line
]);
而AngularFire
在测试中旨意是AngularFireMock
秒。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句