How to cover the addEventListener internal code.
any-angular.component.ts
openModalWithKeypress() { const div = this.elm.nativeElement.querySelector('div'); div.addEventListener('keydown', e => { this.openModal(e); }); } 
- You can try to trigger a keydown keyboard event using dispatchEventHDJEMAI– HDJEMAI2021-05-23 10:55:10 +00:00Commented May 23, 2021 at 10:55
Add a comment |
1 Answer
You can execute your unit test in the fakeAsync zone. Then, you need to invoke tick() just after dispatching the keydown event. This could look as follows:
it('#keydown should open modal', fakeAsync(() => { // given spyOn(anyComponent, 'openModal') const divElement = <HTMLDivElement> fixture.debugElement.nativeElement.querySelector('div'); const event = new KeyboardEvent('keydown', { key: 'x' }); // when divElement.dispatchEvent(event); tick(); // then expect(anyComponent.openModal).toHaveBeenCalledWith(event); })); 