在angular2单元测试中按标签名称计算子组件的数量

Question

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

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

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

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

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

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

Answer 1

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