Introducción a RouterTestingModule

Si no veo estos cursos nunca iba a entender esos memes!

Esto permite hacer pruebas de integración, por lo que prueba como los componentes interactuan entre ellos.

Estas pruebas deben ser a nivel de cada módulo, para verificar la funcionalidad dentro de cada modulo.

para lo cual en el ejemplo crearemos un archivo al nivel del app.module.ts

app.integration.spec.ts

import { ComponentFixture, fakeAsync, TestBed, tick } from '@angular/core/testing';
import { RouterTestingModule } from '@angular/router/testing';
import { AppComponent } from './app.component';
import { Component, NO_ERRORS_SCHEMA } from '@angular/core';
import { Router } from '@angular/router';

@Component({
  selector: 'app-people'
})
class PeopleComponent {}

@Component({
  selector: 'app-pico-preview'
})
class PicoPreviewComponent {}

@Component({
  selector: 'app-others'
})
class OthersComponent {}

const routes = [
  {
    path: 'pico-preview',
    component: PicoPreviewComponent
  },
  {

    path: 'people',
    component: PeopleComponent
  },
  {
    path: 'others',
    component: OthersComponent
  },
]

describe('App Integration test', () => {
  let fixture: ComponentFixture<AppComponent>;
  let component: AppComponent;
  let router: Router;

  beforeEach(async () => {
    await TestBed.configureTestingModule({
      imports: [
        RouterTestingModule.withRoutes(routes)
      ],
      declarations: [
        AppComponent,
        PicoPreviewComponent,
        PeopleComponent,
        OthersComponent
      ],
      schemas: [NO_ERRORS_SCHEMA]
    }).compileComponents();
  });

  beforeEach(fakeAsync(() => {
    fixture = TestBed.createComponent(AppComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
    // providers
    router = TestBed.inject(Router);
    router.initialNavigation();
    tick(); // wait for the router to be initialized
    fixture.detectChanges();
  }));

  it('should create the component', () => {
    expect(component).toBeTruthy();
  });
});