Pruebas al login
Contenido del curso
Pruebas al login
Contenido del curso
Andrés Quintero Arias
Cesar Elías Armendariz Ruano
Eloy Ortiz
Diego Garcia
Juan Piero Santisteban Quiroz
Para los métodos que no retornan nada, cuando se quiere espiar una función, pero que no ejecute el método , se le pone en el spyOn el and.callThrough():
spyOn(tokenService, 'saveToken').and.callThrough()
para poder hacer pruebas al login es basicamente verificar el autentificador de Auth.service
auth.model.ts
export interface Auth { access_token: string; }
auth.service.ts
import { Injectable } from '@angular/core'; import { HttpClient } from '@angular/common/http'; import { switchMap, tap } from 'rxjs/operators'; import { BehaviorSubject } from 'rxjs'; import { environment } from './../../environments/environment'; import { Auth } from './../models/auth.model'; import { User } from './../models/user.model'; import { TokenService } from './../services/token.service'; @Injectable({ providedIn: 'root' }) export class AuthService { private apiUrl = `${environment.API_URL}/api/v1/auth`; private user = new BehaviorSubject<User | null>(null); user$ = this.user.asObservable(); constructor( private http: HttpClient, private tokenService: TokenService ) { } getCurrentUser() { const token = this.tokenService.getToken(); if (token) { this.getProfile() .subscribe() } } login(email: string, password: string) { return this.http.post<Auth>(`${this.apiUrl}/login`, {email, password}) .pipe( tap(response => this.tokenService.saveToken(response.access_token)), ); } getProfile() { return this.http.get<User>(`${this.apiUrl}/profile`) .pipe( tap(user => this.user.next(user)) ); } loginAndGet(email: string, password: string) { return this.login(email, password) .pipe( switchMap(() => this.getProfile()), ) } logout() { this.tokenService.removeToken(); this.user.next(null); } }
auth.service.spec.ts
import { TestBed } from '@angular/core/testing'; import { HttpClientTestingModule, HttpTestingController } from '@angular/common/http/testing'; import { AuthService } from './auth.service'; import { TokenService } from './token.service'; import { Auth } from '../models/auth.model'; import { environment } from '../../environments/environment'; fdescribe('AuthService', () => { let authService: AuthService; let httpController: HttpTestingController; let tokenService: TokenService; beforeEach(() => { TestBed.configureTestingModule({ imports: [ HttpClientTestingModule ], providers: [ AuthService, TokenService ] }); authService = TestBed.inject(AuthService); httpController = TestBed.inject(HttpTestingController); tokenService = TestBed.inject(TokenService); }); afterEach(() => { httpController.verify(); }); it('should be create', () => { expect(authService).toBeTruthy(); }); describe('test for login', () => { it('should return a token', (doneFn) => { //Arrange const mockData: Auth = { access_token: '121212' }; const email = 'cesar@gmail.com'; const password = '1212'; //Act authService.login(email, password).subscribe((data) => { //Assert expect(data).toEqual(mockData); doneFn(); }); //http config const url = `${environment.API_URL}/api/v1/auth/login`; const req = httpController.expectOne(url); req.flush(mockData); }); }); it('should call to saveToken', (doneFn) => { //Arrange const mockData: Auth = { access_token: '121212' }; const email = 'cesar@gmail.com'; const password = '1212'; spyOn(tokenService, 'saveToken').and.callThrough(); //Act authService.login(email, password).subscribe((data) => { //Assert expect(data).toEqual(mockData); expect(tokenService.saveToken).toHaveBeenCalledTimes(1); expect(tokenService.saveToken).toHaveBeenCalledOnceWith('121212'); doneFn(); }); //http config const url = `${environment.API_URL}/api/v1/auth/login`; const req = httpController.expectOne(url); req.flush(mockData); }); });
Para que no me fallen los tests, he tenido que declarar así la función del "expectOne"
const request = httpController.expectOne({method: 'POST'});
Felicito a Nicolas y el equipo de Platzi, este ha sido el curso de pruebas unitarias más completo que he tenido el gusto de tomar hasta el momento. Muchos temas importantes y sobre todo el manejo conceptos muy claro.
Dado que el saveToken en un void, es necesario agregarle al spy callThrough().
describe('Tests for login', () => { it('should call to saveToken', (done) => { const mockData: Auth = { access_token: 'token123', }; const email = 'email@gmail.com'; const password = '1234'; spyOn(tokenService, 'saveToken').and.callThrough(); service.login(email, password).subscribe((data) => { expect(data).toEqual(mockData); expect(tokenService.saveToken).toHaveBeenCalledTimes(1); expect(tokenService.saveToken).toHaveBeenCalledOnceWith( mockData.access_token ); done(); }); // * http configuration const url = `${environment.API_URL}/api/v1/auth/login`; const req = httpController.expectOne(url); req.flush(mockData); }); });
