angular - 如何为 Jasmine 测试用例模拟事件停止在 Angular 6 中的传播

Question

我如何模拟 jasmine 测试用例的事件停止传播 Angular 6。

我正在尝试这个-

 it('should call the onItemRightClick method', () => {

    event = jasmine.createSpyObj('event', ['preventDefault', 'stopPropagation']);
    expect(event.stopPropagation).toHaveBeenCalled();
    component.onItemRightClick(params.event, params.ci);
    // expect(component.onItemRightClick).toHaveBeenCalled();

  });

组件代码-

  onItemRightClick(event: MouseEvent, ci: CiWithKPIS) {
    console.debug('Open context panel for CI', ci.name);
    event.stopPropagation();
    if (!this.isSelected(ci)) {
      this._selectedItems = [ci];
      this.onSelectedCisChanged.emit(this._selectedItems);
    }
}

但这行不通。它给出错误 - TypeError: event.stopPropagation is not a function请指导。

Answer 1

您已经创建了对事件对象的监视，但在 component.onItemRightClick 方法中传递了不同的对象。使用以下行解决问题:

component.onItemRightClick(event, params.ci);