Tengo un componente principal que insertará dinámicamente los componentes secundarios en función de la longitud de la matriz. Quiero probar la cantidad de componentes creados usando su nombre de etiqueta.

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

Quiero verificar el número de <phone-item></phone-item> creado dentro de la plantilla html en la prueba unitaria angular2.

Tengo muy poco conocimiento sobre debugElement y nativeElement. Esto es lo que he intentado hacer.

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

Pero quiero que se cree el recuento de componentes secundarios.