使用viewchild和指令进行角度组件测试

Question

我因问题出了问题... https://embed.plnkr.co/UparfJDomOECGJfWSbqA/简短：我无法测试我的组件，在container.component.spec.ts:43似乎失败了，但是没有ngAfterViewInit fixture.detectChanges() ， ngAfterViewInit不会启动。 我看不到我在做什么错。

我想使用指令属性将组件动态加载到ng-template中，并且该解决方案确实有效，但是我无法为其编写有效的测试。 既然我对单元测试还很陌生...那是我什至应该测试的东西-我认为是。 （是的，我阅读了angular.io测试指南以及其他一些文章;-)）错误是TypeError: Cannot read property 'viewContainerRef' of undefined这似乎表明@ViewChild没有ViewChild ...

Answer 1

测试模块看不到MenuDirective因为您忘记了从假模块中导出它：

@NgModule({
    declarations: [
        MenuComponent,
        MenuDirective,
    ],
    exports: [MenuDirective], <== add this
    entryComponents: [MenuComponent]
})
class FakeEntryComponents {}

似乎您要查询MenuComponent

menuElement = fixture.debugElement.query(By.directive(MenuComponent))

柱塞示例

也可以看看

• Angular 2使用另一个模块中的组件

• 角动态分量注入错误