0
163
Vistas¿Cómo pruebo un punto final usando Jasmine/Karma?
Tengo un método en uno de mis componentes que llega a un punto final como este...
private async getRolesAsync(): Promise<void> { const roles = await this.http.get<any>('https://jsonplaceholder.typicode.com/todos/1').toPromise(); this.data = roles; }Tenga en cuenta que tengo un punto final falso allí, pero lo que me gustaría saber es cómo pruebo eso en una prueba unitaria. Quiero una prueba unitaria que compruebe si el punto final funciona, es decir, devuelve un éxito de 200.
Estoy usando Angular 13 como mi marco de aplicación y Jasmine/Karma como mi marco de prueba de unidad.
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
Utilice este código de ejecución de extremo a extremo para la resolución de todos sus problemas. 
archivo especificaciones.ts -
import { HttpClientTestingModule, HttpTestingController } from "@angular/common/http/testing"; import { TestBed, async, ComponentFixture } from "@angular/core/testing"; import { RouterTestingModule } from "@angular/router/testing"; import { AppComponent } from "./app.component"; describe("AppComponent", () => { let component: AppComponent; let fixture: ComponentFixture<AppComponent>; let httpTestingController: HttpTestingController; beforeEach(async(() => { TestBed.configureTestingModule({ imports: [ RouterTestingModule, HttpClientTestingModule, ], declarations: [AppComponent], }).compileComponents(); })); beforeEach(() => { fixture = TestBed.createComponent(AppComponent); component = fixture.componentInstance; httpTestingController = TestBed.inject(HttpTestingController) fixture.detectChanges(); }); it('#getRolesAsync should return expected data', async (done) => { const expectedData = { userId: 1, id: 1, title: "delectus aut autem", completed: false }; (await component.getData()).subscribe(data => { expect(data).toEqual(expectedData); done(); }); const testRequest = httpTestingController.expectOne('https://jsonplaceholder.typicode.com/todos/1'); testRequest.flush(expectedData); }); });archivo componente.ts -
import { Component } from "@angular/core"; import { HttpClient } from "@angular/common/http"; import { Observable } from "rxjs"; @Component({ selector: "app-root", templateUrl: "./app.component.html", styleUrls: ["./app.component.scss"], }) export class AppComponent { data: any; constructor(private http: HttpClient) { } async getData(): Promise<Observable<any>> { const roles = await this.http.get<any>('https://jsonplaceholder.typicode.com/todos/1'); return this.data = roles; } }
·
Juan Pablo Isaza
Denunciar
Responde la pregunta