How to test angular event listeners?

Question

I have the following code, comp:

ngOninit() {
  window.addEventListner('oreantationChange' () =>  {
    this.sideNavbar();
  });
}

Here I want to cover the above code and the following are my changes, spec:

it ('-----',() => {
  spyOn(window,'addEventListner');
  window.addEventListner('oreantationChange' () =>  {
     expect(component.sideNavbar).toHaveBeenCalled()
  });
}

But the above test is not getting covered.

Can anyone please suggest me help.Thanks.

Answer 1

Beside changing oreantationChange to orientationChange, rewrite the test as follows.

it ('-----', () => {
    spyOn(component, 'sideNavbar');
    window.dispatchEvent(new Event('orientationChange'));

    expect(component.sideNavbar).toHaveBeenCalled();
});