在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只返回第一个匹配