Angular 7 Жасминовый юнит-тест: как получить компонент NativeElement?

Question

В моем основном компоненте html есть my-grid компонент

main.component.html

 <my-grid
    id="myDataGrid"
    [config]="gridOptions"
 </my-grid>

В main.component.specs.ts Как я могу получить my-grid NativeElement?

На данный момент у меня есть 1 тест, который проверяет, отображается ли сетка

it('should render grid', () => {
     fixture = TestBed.createComponent(MainComponent);
     const compiled = fixture.debugElement.nativeElement;
     expect(compiled.querySelector('my-grid')).not.toBe(null);
})

Answer 1

Вы можете использовать debugElement для запроса вашего компонента:

Пример

const debugElement = fixture.debugElement.query(By.directive(MyGridComponent));
const nativeElement = debugElement.nativeElement;
const component: MyGridComponent = debugElement.componentInstance;