javascript - 如何测试角度 4 中的 *ngIf 块

Question

我正在开发一个 Angular 5 应用程序，其中我有一个组件，其中包含两个 HTML 块，块 1 和块 2。

最初显示由介绍文本组成的块 1，而隐藏块 2。当组件通过@Input 输入数据时，现在列出数据的块 2 变为可见，而块 1 变为隐藏。现在下一步是测试组件。

我试图通过@Input-'ing' 数据测试组件，但是仍然没有显示块 2（即使我手动应用了“detectChanges()”方法）。

我如何测试组件的 *ngIf 状态（打开/关闭）以进行测试？

你可以参考这篇文章中描述我不成功尝试的代码。 测试 *ngIf 显示/隐藏依赖数据的组件

标签： javascriptangulartypescripttddkarma-jasmine