Angular 组件测试 - 按组件查询

Question

在测试 @Component 的 DOM 表示时，您可以通过其fixture 查询其嵌套元素

fixture.debugElement.queryAll(By.css('.example'));

你也可以通过@Directive过滤

fixture.debugElement.queryAll(By.directive(RouterLinkDirectiveStub));

---

现在，假设你有一个内部 @Component NzButtonComponent 像这样使用

<button nz-button>Example</button>

如何精确查询？没有 By.component(...)。

Answer 1

查询类指令

也许你可以使用

fixture.debugElement.query(By.directive(AnyComponent)) 它返回该组件的 DebugElement

之所以可行，是因为在 Angular 中，组件在指令之后继承