CODEWITHSUNDEEP
angularkarma-jasmine
moly
moly

Reputation: 433

How to test event handler with multiple parameters

I have a component with a click handler that takes two parameters:

onClick(row, $event): void {
    $event.stopPropagation();
    console.log(row);
}

<div>
    <button mat-icon-button (click)="onClick(row,$event)"></button>
</div>

How would I trigger the event with both parameters in my unit test? I would normally use triggerEventHandler('click', {}), but it only seems to allow providing one parameter?

Upvotes: 0

Views: 772

Answers (2)

moly
moly

Reputation: 433

Turns out this was because I was stubbing the component to test it and forgot to add a row property to the stub.

Upvotes: 0

Johan Nordlinder
Johan Nordlinder

Reputation: 1886

One way is to make a real click on the DOM element instead of calling the event handler yourself.

let buton = fixture.debugElement.query(By.css('button')).nativeElement.click();

But I think your code should work, the event handler you call with triggerEventHandler is the method you declare in your template, not the one in the component.

Upvotes: 1

Related Questions