角2單元測試：無法讀取未定義

Question

我的模板的特性「根」包含

<a [routerLink]="['/my-profile']" routerLinkActive="active"> 
    <i class="icon-user"></i>{{ 'MY_PROFILE' | translate }} 
</a> 

錯誤是因爲routerLink和routerLinkActive指令。

單元測試文件。

TestBed.configureTestingModule({ 
    imports: [ 
     MultilingualModule, CommonModule, 
     RouterTestingModule.withRoutes([ 
      { path: 'my-profile', component: MockComponent }, 
      { path: 'change-password', component: MockComponent }, 
     ]) 
    ], 
    schemas: [ NO_ERRORS_SCHEMA ], 
    declarations: [TopNavigationBarComponent, TestComponent,MockComponent], 
    providers: [ 
     { provide: LoginService, useValue: MockLoginService }, 
     { provide: Router, useClass: RouterStub } 
    ] 
}); 

Answer 1

您是否嘗試將APP_BASE_HREF作爲提供程序添加？

{provide: APP_BASE_HREF, useValue : '/' } 

Answer 2

問題是，你實際上覆蓋了路由器來進行測試，使其斷開routerLink。 你可以在這裏看到如何單元測試路線了很好的解釋：Angular 2 Final Release Router Unit Test

Answer 3

我面臨同樣的錯誤，問題是：既然你已經有了declarations: [...TestComponent...]它不是providers必要的補充。

你的單元測試文件應該是這樣的：

TestBed.configureTestingModule({ 
    imports: [ 
    MultilingualModule, CommonModule, 
    RouterTestingModule.withRoutes([ 
     { 
     path: 'my-profile', 
     component: MockComponent 
     }, 
     { 
     path: 'change-password', 
     component: MockComponent 
     }, 
    ])], 
    schemas: [ NO_ERRORS_SCHEMA ], 
    declarations: [TopNavigationBarComponent, TestComponent, MockComponent], 
    providers: [ 
    { provide: LoginService, useValue: MockLoginService } 
    ] 
});