Como zombar do serviço AngularFire 2 no teste de unidade?
Estou tentando configurar testes de unidade para um aplicativo Angular 2 de exemplo usando AngularFire 2 auth, o componente é bastante simples:
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();
}
}
Tudo o que estou fazendo é envolver ologin
elogout
métodos no AngularFire, então eu estava pensando em usar uma simulação para verificar se os métodos foram chamados, mas não sei por onde começar, tentei fazer o seguinte no meu arquivo de especificação:
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();
})
);
});
No entanto, não tenho certeza de como zombar dologin
elogout
métodos, uma vez que fazem parte doauth
propriedade, existe uma maneira de zombarauth
e também o retornologin
elogout
métodos?