[英]Passing a mock DOM event to component method in Angular for unit testing
我试图在我的一个组件中测试一个方法如下:
toggle(event: Event): void {
event.stopPropagation();
this.isCollapsed = !this.isCollapsed;
}
我找不到将事件对象传递给单元测试用例中的方法的方法,例如:
test('it should call stop propagation when toggled', () => {
testHostComponent.toggleLineBreakDown(mockEventGoesHere, 0);
});
您可以测试是否已通过Jasmine Spy调用preventDefault。
在使用SpyOn方法之前,您必须创建要监听的事件。 (在以下示例中,它是'click'事件)。 创建事件和间谍后,您将需要将事件分派给元素。
举个例子:
const event = new MouseEvent('click');
spyOn(event, 'preventDefault');
element.dispatchEvent(event);
expect(event.preventDefault).toHaveBeenCalled();
希望这有帮助!
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.