单元测试Angular服务时模拟AngularFireAuth [英] Mock AngularFireAuth When Unit Testing an Angular Service
问题描述
我有一个 authService
,在实例化时订阅 AngularFireAuth
的Observable authState
并设置服务的内部(私有)属性 authState
。
I have an authService
which when instantiated subscribes to AngularFireAuth
's Observable authState
and sets the services' internal (private) property authState
.
所以我可以单位测试 authService
我用 Reflect.get / set $高举服务的内部
authState
c $ c>在我的测试规范中,所以我可以控制它的值。
So I can unit test authService
I highjack the services' internal authState
with Reflect.get/set
in my test specs so I can control its value.
问题当然是 authService
在实例化期间仍然订阅 AngularFireAuth
的Observable authState
我不想要我不需要它。
The problem is of course authService
is still subscribing to AngularFireAuth
's Observable authState
during its instantiation and I don't want, nor need it to.
我推测我需要嘲笑AngularFireAuth哪个假冒订阅并且实际上没有与Firebase通信?单元测试的新手我对如何执行此操作感到很茫然。
I presume I need to mock out AngularFireAuth which fakes a subscription and doesn't actually communicate to Firebase? New to unit tests I am at a loss as to how I should do this.
import { Injectable } from '@angular/core';
import { AngularFireAuth } from 'angularfire2/auth';
import * as firebase from 'firebase/app';
import { Observable } from 'rxjs/Rx';
@Injectable()
export class AuthService {
private authState: firebase.User;
constructor(private afAuth: AngularFireAuth) { this.init(); }
private init(): void {
this.afAuth.authState.subscribe((authState) => {
if (authState === null) {
this.afAuth.auth.signInAnonymously()
.then((authState) => {
this.authState = authState;
})
.catch((error) => {
throw new Error(error.message);
});
} else {
this.authState = authState;
}
console.log(authState);
}, (error) => {
throw new Error(error.message);
});
}
public get currentUid(): string {
return this.authState ? this.authState.uid : undefined;
}
public get currentUser(): firebase.User {
return this.authState ? this.authState : undefined;
}
public get currentUserObservable(): Observable<firebase.User> {
return this.afAuth.authState;
}
public get isAnonymous(): boolean {
return this.authState ? this.authState.isAnonymous : false;
}
public get isAuthenticated(): boolean {
return !!this.authState;
}
public logout(): void {
this.afAuth.auth.signOut();
}
}
auth.service.spec.ts
auth.service.spec.ts
import { async, fakeAsync, inject, TestBed, tick } from '@angular/core/testing';
import { AngularFireModule } from 'angularfire2';
import { AngularFireAuth, AngularFireAuthModule } from 'angularfire2/auth';
import * as firebase from 'firebase/app';
import 'rxjs/add/observable/of';
// import { BehaviorSubject } from 'rxjs/BehaviorSubject';
import { Observable } from 'rxjs/Rx';
import { AuthService } from './auth.service';
import { environment } from '../../environments/environment';
const authState = {
isAnonymous: true,
uid: '17WvU2Vj58SnTz8v7EqyYYb0WRc2'
} as firebase.User;
describe('AuthService', () => {
beforeEach(() => {
TestBed.configureTestingModule({
imports: [AngularFireModule.initializeApp(environment.firebaseAppConfig)],
providers: [
AngularFireAuth,
AuthService
]
});
});
it('should be defined', inject([ AuthService ], (service: AuthService) => {
expect(service).toBeDefined();
}));
it('.currentUser should be anonymous', inject([ AuthService ], (service: AuthService) => {
Reflect.set(service, 'authState', authState);
expect(service.currentUser).toBe(authState);
}));
it('.currentUser should be undefined', inject([ AuthService ], (service: AuthService) => {
expect(service.currentUser).toBe(undefined);
}));
it('.currentUserObservable should be anonymous', inject([ AuthService ], (service: AuthService) => {
Reflect.set(service, 'authState', authState);
service.currentUserObservable.subscribe((value) => {
expect(value).toBe(authState);
});
}));
it('.currentUserObservable should be undefined', inject([ AuthService ], (service: AuthService) => {
service.currentUserObservable.subscribe((value) => {
expect(value).toBe(undefined);
});
}));
it('.currentUid should be of type String', inject([ AuthService ], (service: AuthService) => {
Reflect.set(service, 'authState', authState);
expect(service.currentUid).toBe(authState.uid);
}));
it('.currentUid should be undefined', inject([ AuthService ], (service: AuthService) => {
expect(service.currentUid).toBe(undefined);
}));
it('.isAnonymous should be false', inject([ AuthService ], (service: AuthService) => {
expect(service.isAnonymous).toBe(false);
}));
it('.isAnonymous should be true', inject([ AuthService ], (service: AuthService) => {
Reflect.set(service, 'authState', authState);
expect(service.isAnonymous).toBe(true);
}));
});
对于奖励积分,两个排除的测试( .currentUserObservable应该是匿名的
和 .currentUserObservable应该是未定义的
)抛出错误错误:当没有当前规范时使用'expect',这可能因为异步测试超时
但仅在我在 authService
的实例化期间登录控制台时。我想知道为什么会这样?
For bonus points the two excluded tests (.currentUserObservable should be anonymous
and .currentUserObservable should be undefined
) throw the error Error: 'expect' was used when there was no current spec, this could be because an asynchronous test timed out
but only when I log to the console during authService
's instantiation. I'm wondering why this would be?
推荐答案
我需要创建并监视 mockAngularFireAuth
的 authState
并返回一个Observable,我可以订阅并期望在 onSuccess
或 onError
functions,a la:
I needed to create and spy on mockAngularFireAuth
's authState
and return an Observable which I can subscribe to and expect inside the onSuccess
or onError
functions, a la:
import { TestBed, async, inject } from '@angular/core/testing';
import { AngularFireAuth } from 'angularfire2/auth';
import 'rxjs/add/observable/of';
import { Observable } from 'rxjs/Rx';
import { AuthService } from './auth.service';
import { MockUser} from './mock-user';
import { environment } from '../environments/environment';
describe('AuthService', () => {
// An anonymous user
const authState: MockUser = {
displayName: null,
isAnonymous: true,
uid: '17WvU2Vj58SnTz8v7EqyYYb0WRc2'
};
const mockAngularFireAuth: any = {
auth: jasmine.createSpyObj('auth', {
'signInAnonymously': Promise.reject({
code: 'auth/operation-not-allowed'
}),
// 'signInWithPopup': Promise.reject(),
// 'signOut': Promise.reject()
}),
authState: Observable.of(authState)
};
beforeEach(() => {
TestBed.configureTestingModule({
providers: [
{ provide: AngularFireAuth, useValue: mockAngularFireAuth },
{ provide: AuthService, useClass: AuthService }
]
});
});
it('should be created', inject([ AuthService ], (service: AuthService) => {
expect(service).toBeTruthy();
}));
…
describe('catastrophically fails', () => {
beforeEach(() => {
const spy = spyOn(mockAngularFireAuth, 'authState');
spy.and.returnValue(Observable.throw(new Error('Catastrophe')));
});
describe('AngularFireAuth.authState', () => {
it('should invoke it’s onError function', () => {
mockAngularFireAuth.authState.subscribe(null,
(error: Error) => {
expect(error).toEqual(new Error('Catastrophe'));
});
});
});
});
…
});
这篇关于单元测试Angular服务时模拟AngularFireAuth的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!