Estoy tratando de escribir un caso de prueba de unidad para el servicio dentro de Promise, puedo ejecutar la llamada de promesa, pero no puedo ejecutar los servicios internos. También en el informe de cobertura de código, muestra que el código no está cubierto para la línea de promesa. Por favor, dime dónde estoy haciendo mal.
El siguiente archivo es nuestro componente de usuario.component.ts.
import {Component, OnInit} from '@angular/core'; import {UserService} from "../services/user.service"; @Component({ selector: 'user', templateUrl: './user.component.html', styleUrls: ['./user.component.css'] }) export class UserComponent implements OnInit { constructor(private userService: UserService) {} getToken(){ return new Promise(function(resolve,reject){ if(this.token){ resolve(this.token); }else{ this.userService.getToken().subscribe((data)=>{ resolve(data.token); }, error: (error) => { reject(error) }, ) } }) } }El siguiente archivo es nuestro archivo user.component.spec.ts
import {UserComponent} from './user.component'; import {async, ComponentFixture, fakeAsync, TestBed, tick} from '@angular/core/testing'; import {of} from 'rxjs'; import {UserService} from "../services/user.service"; class MockUserClass{ getToken(){ return new Observable()} } describe('UserComponent', () => { const fixture; const component; beforeEach( wairForAsync(()=>{ Test.Bed.configureTestingModule({ declarations: [UserComponent], providers: [{{provide:UserService,useClass:MockUserClass}] }).compileComponents(); }); ) beforeEach(()=>{ fixture = TestBed.createComponent(UserComponent); component = fixture.componentInstance; fixture.detectChanges(); }) it(`should call getToken method`,fakeAsync(()=>{ const spy = spyOn(component,'getToken').and.returnValue(Promise.resolve('token')); const spyOnService = sppyOn(component.userService, 'getToken').and.returnValue(of(mockData)) component.getToken(); tick(); expect(spy ).toHaveBeenCalled(); expect(spyOnService).toHaveBeenCalled(); })); });estas haciendo un espia:
const spy = spyOn(component,'getToken').and.returnValue(Promise.resolve('token')); .
Luego, cuando llame a este método, devolverá su promesa falsa. Por lo tanto, no llamará a su servicio, solo devolverá su promesa burlada. Así que este código no tiene ningún sentido:
component.getToken(); expect(spy).toHaveBeenCalled(); La declaración expect() siempre será verdadera, ya que la llama manualmente. Intenta eliminar este espía primero:
// const spy = spyOn(component,'getToken').and.returnValue(Promise.resolve('token')); const spyOnService = spyOn(component.userService, 'getToken').and.returnValue(of(mockData)) component.getToken(); tick(); // expect(spy ).toHaveBeenCalled(); expect(spyOnService).toHaveBeenCalled();