带有子路径的角度测试组件

Question

我有一个组件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”是Angular组件，则请验证它是否是此模块的一部分。      
     
   1. 如果“路由器出口”是Web组件，则将“ CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“ @ NgModule.schemas”以禁止显示此消息。 （“                [错误->]            “ router-outlet”不是已知元素：
     
  

     

...

我尝试导入路由模块

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

但是，这没有成功。还尝试导入RouterTestModule，该方法也无效。