CODEWITHSUNDEEP
javascriptangularjasminekarma-jasmine
user9876776
user9876776

Reputation:

Angular 7 Jasmine unit test: how to get component NativeElement?

In my main component html there is a my-grid component

main.component.html

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

In main.component.specs.ts How can can I get my-grid NativeElement?

I have 1 test so far which checks that grid is being rendered

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

Upvotes: 2

Views: 4718

Answers (1)

Gregor Woiwode
Gregor Woiwode

Reputation: 1164

You can use the debugElement to query your component:

Example

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

Upvotes: 2

Related Questions