Угловой тестовый компонент с дочерними маршрутами - PullRequest
0 голосов
/ 31 октября 2018

У меня есть компонент wrapper.component.ts, который включает в себя верхний и нижний колонтитулы и маршрутизатор-выход. Однако этот компонент находится в другой розетке маршрутизатора родительского элемента.

Теперь у меня есть следующий модуль маршрутизации

export const routes: Routes = [
    {
        path: '',
        component: ParentComponent,
        children: [
            {
                path: '',
                component: LoginComponent
            },
            {
                path: 'admin',
                component: WrapperComponent,
                canActivateChild: [AuthGuard],
                children: [ ... ]
        ...

@NgModule({
    imports: [
        RouterModule.forRoot(routes)
    ],
    exports: [RouterModule]
})
export class AppRoutingModule {
}

Теперь у меня проблема при запуске тестов для WrapperComponent, там написано

  1. Если «router-outlet» является угловым компонентом, то убедитесь, что он является частью этого модуля.
    1. Если «router-outlet» является веб-компонентом, то добавьте «CUSTOM_ELEMENTS_SCHEMA» в «@ NgModule.schemas» этого компонента, чтобы подавить это сообщение. (» [ОШИБКА ->] «Роутер-аутлет» не является известным элементом:

...

Я пытался импортировать мой модуль маршрутизации

beforeEach(async(() => {
        TestBed.configureTestingModule({
            declarations: [AdminWrapperComponent, HeaderComponent, FooterComponent],
            imports: [AppRoutingModule]
        })
            .compileComponents();
    }));

Однако это не удалось. Также попытался импортировать RouterTestModule, который также не работал.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...