Skip to content

Comment tester les routeurs sur Angular ?

Pour tester les routeurs dans Angular, vous pouvez utiliser l'outil de test de routeur fourni par Angular. Cet outil vous permet de simuler des requêtes HTTP et de vérifier que les routeurs renvoient les réponses attendues.

Pour utiliser l'outil de test de routeur, vous devrez d'abord importer le RouterTestingModule dans votre module de test, en utilisant la syntaxe suivante :

ts
import { RouterTestingModule } from '@angular/router/testing';

describe('mon test de routeur', () => {
  beforeEach(async(() => {
    TestBed.configureTestingModule({
      imports: [
        RouterTestingModule
      ]
    }).compileComponents();
  }));
});

Ensuite, vous pouvez utiliser l'outil de test de routeur dans vos tests en injectant le Router dans votre test, puis en utilisant la méthode navigate pour simuler une requête HTTP et vérifier que le routeur renvoie la réponse attendue. Par exemple :

ts
describe('mon test de routeur', () => {
  let router: Router;

  beforeEach(async(() => {
    TestBed.configureTestingModule({
      imports: [
        RouterTestingModule
      ]
    }).compileComponents();

    router = TestBed.inject(Router);
  }));

  it('devrait renvoyer la bonne réponse pour une route valide', () => {
    router.navigate(['/ma-route']).then(() => {
      expect(router.url).toEqual('/ma-route');
    });
  });
});

Ce code simule une requête HTTP vers la route '/ma-route', puis vérifie que le routeur renvoie bien l'URL '/ma-route'. Vous pouvez utiliser cette approche pour écrire des tests pour vos routeurs et vous assurer qu'ils fonctionnent correctement.

[Vidéo] Les signaux dans Angular en 3mn

En juillet, recevez notre newsletter avec les dernières actualités et, en avant-première, un lien vers notre prochaine vidéo sur les signaux dans Angular.