Pruebas al render

Clase 5 de 20 • Curso de Angular: Unit Testing para Rutas

Contenido del curso

Creación de pruebas a parámetros

Parámetros

Routing components

Integration tests

Cierre

20
Angular Unit Testing Hero
01:59 min

Tomar examen

Comentarios

Cesar Elías Armendariz Ruano

student•

Con esto se genera prácticas del render a los componentes que ya están en un routing que reciben esos parámetros mediante un mock

product-detail.component.spec.ts

it('should show the product in the view', () => {

    const productId = '2';
    route.setParamMap({id: productId});

    const productMock = {
      ...generateOneProduct(),
      id: productId,
    }
    productsService.getOne.and.returnValue(mockObservable(productMock));

    fixture.detectChanges(); // ngOnInit
    const titleText = getText(fixture, 'title');
    const priceText = getText(fixture, 'price');
    expect(titleText).toContain(productMock.title);
    expect(priceText).toContain(productMock.price);
	expect(productsService.getOne).toHaveBeenCalledWith(productId);

  });

Pruebas al render

Creación de pruebas a parámetros

Configurando el proyecto

Probando el Router

Parámetros

Product Detail

Pruebas a los parámetros

Pruebas al render

Pruebas inválidas del parámetro

Solución del reto: fakeAsync & tick

Pruebas a QueryParams

Routing components

Componentes con RouterLink

Pruebas con componentes anidados

Pruebas a Guardianes

Pruebas a canActivate

Fake ParamsMap en Guardianes

Integration tests

Introducción a RouterTestingModule

Navegando entre rutas

Montando componentes reales

Componentes con dependencias

Pruebas de integración con Guardianes

Integración continua con GitHub Actions

Cierre

Angular Unit Testing Hero