javascript - angular2单元测试中按标签名统计子组件数量

Question

我有一个父组件，它会根据数组的长度动态插入子组件。我想通过使用它的标签名称来测试创建的组件数量。

<div *ngFor = "let item of phoneList; let i = index">
    <phone-item [item]="item"> </phone-item>
</div>

我想验证<phone-item></phone-item>的数量在 angular2 单元测试中的 html 模板中创建。

我对 debugElement 和 nativeElement 知之甚少。这就是我试图做的。

let el = fixture.debugElement.query(By.css('phone-item'));

但我想要创建子组件的数量。

Answer 1

使用DebugElement#queryAll它返回一个数组。 query只返回第一个匹配