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

时间:2017-04-04 10:37:10

标签: javascript unit-testing angular jasmine

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

<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'));

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

1 个答案:

答案 0 :(得分:7)

使用返回数组的DebugElement#queryAllquery仅返回第一个匹配的