如何触发 ag-grid 中一行的事件？答案

【问题标题】：How to trigger events on a row in ag-grid?如何触发 ag-grid 中一行的事件？
【发布时间】：2020-04-06 20:30:06
【问题描述】：

我正在尝试测试 ag-grid 功能但无法触发事件。

  it('should open Component on double click', () => {
    component.gridOptions.api.setRowData(ordersStub);

    fixture.detectChanges();

    const node = component.gridOptions.api.getRowNode(ordersStub[0].id);
    const nodeData = node.data;

    const element = (fixture.debugElement.nativeElement as HTMLElement).querySelector(`[row-id="${nodeData.id}"]`);

    const onRowDoubleClickedSpy = spyOn(component, 'onRowDoubleClicked');

    element.dispatchEvent(new MouseEvent('dblclick', { bubbles: true, view: window, cancelable: true }));

    expect(onRowDoubleClickedSpy).toHaveBeenCalled();
  });

我做错了什么？

【问题讨论】：

标签： ag-grid ag-grid-angular

【解决方案1】：

您正在调度的事件看起来不错。所以我认为你需要在事件被调度和你期望组件函数被调用之间有一个延迟：

it('should open Component on double click', (done) => {
  ...

  element.dispatchEvent(new MouseEvent('dblclick', { bubbles: true, view: window, cancelable: true }));
  setTimeout(() => {
    expect(onRowDoubleClickedSpy).toHaveBeenCalled();
    done();
  });
});

您也可以使用异步测试：

it('should open Component on double click', async(async() => {
  ...

  element.dispatchEvent(new MouseEvent('dblclick', { bubbles: true, view: window, cancelable: true }));
  await fixture.whenStable();
  expect(onRowDoubleClickedSpy).toHaveBeenCalled();
}));

【讨论】：