angular - Modificar un componente definido en TestBed.overrideComponent

typescript integration-testing

Question

Estamos usando

TestBed.overrideComponent(CoolComponent, {
set: {
template: ''<div id="fake-component">i am the fake component</div>'',
selector: ''our-cool-component'',
inputs: [ ''model'' ]
}
})

para anular un componente.

El componente tiene un ViewChild que configuramos en nuestro método ngOnInit

@Component({
selector: ''our-cool-component'',
templateUrl: ''cool.component.html''
})
export class CoolComponent implements OnInit, OnDestroy {
@Input() model: SomeModel
@ViewChild(CoolChildComponent) coolChildComponent;
ngOnInit() {
this.coolChildComponent.doStuff();
}
}

El CoolComponent a su vez, vive en un componente Wrapper .

Cuando llamamos a fixture.detectChanges() en el dispositivo Wrapper , esto intenta construir el CoolComponent, pero muere inmediatamente cuando llama a doStuff () porque CoolChildComponent no está definido.

¿Hay alguna manera de llegar al CoolComponent para CoolChildComponent su CoolChildComponent ? No parece que podamos sacarlo del Wrapper porque solo se hace referencia a través de la plantilla, no como una propiedad del componente.

Answer 1

ngOnInit() {
this.coolChildComponent.doStuff();
}

debiera ser

ngAfterViewInit() {
this.coolChildComponent.doStuff();
}

because

La vista secundaria se establece antes de llamar a la devolución de llamada ngAfterViewInit.