Ъглов TDD, как да тествате routerLink или промяна на URL

Снимка от JESHOOTS.COM на Unsplash

Попаднах на проблем, който трябваше да проверя дали връзките ми работят правилно, въпреки че трябваше да обединят параметрите на заявката, които вече са зададени в браузъра, и да се насочат към друга страница на приложението.

Нямаше много решения на този конкретен проблем, така че това е резултатът.

Важните части на този код са следните:

  • „RouterTestingModule.withRoutes (маршрути)“ и неговите маршрути, така че TestBed ще разбере къде да се движите, тъй като навигираната страница се подиграва там.
  • „FakeAsync“ като маршрутизиране и проверка са Обещания, които не ни интересуват.
  • „Fixture.ngZone.run“, така че избягваме някои предупреждения

Ако сте се объркали от липсата на PreEach, имам тази статия, която обяснява защо.

Ако тази статия ви харесва, това са някои други публикации, които могат да ви заинтересуват:

  • Теглото на зависимост в модерно SPA приложение
  • Преден край за приложения за единични страници (Angular, React, Vue), който се разширява с вашия екип и как да го осмисли.
  • Създаване на директива за функцияToggle в Angular.