Я пропустил сообщения <router-outlet>
в других модульных тестах, но, чтобы иметь хороший изолированный пример, я создал AuthGuard, который проверяет, зарегистрирован ли пользователь для определенных действий.
Это код:
canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {
if (!this.authService.isLoggedIn()) {
this.router.navigate(['/login']);
return false;
}
return true;
}
Теперь я хочу написать unit test для этого.
Вот как я начинаю тест:
beforeEach(() => {
TestBed.configureTestingModule({
imports: [
RouterTestingModule.withRoutes([
{
path: 'login',
component: DummyComponent
}
])
],
declarations: [
DummyComponent
],
providers: [
AuthGuardService,
{
provide: AuthService,
useClass: MockAuthService
}
]
});
});
Я создал DummyComponent, который ничего не делает.
Теперь мой тест. Представьте, что служба возвращает false и запускает this.router.navigate(['/login'])
:
it('should not let users pass when not logged in', (): void => {
expect(authGuardService.canActivate(<any>{}, <any>{})).toBe(false);
});
Это приведет к исключению из раздела "Невозможно найти загрузочную первую розетку".
Очевидно, я могу использовать toThrow()
вместо toBe(false)
, но это не похоже на очень разумное решение. Поскольку я тестирую службу здесь, нет шаблона, где я могу поместить тег <router-outlet>
. Я мог бы издеваться над маршрутизатором и сделать свою собственную навигационную функцию, но тогда какая точка RouterTestingModule? Возможно, вы даже захотите проверить работу навигации.