title: How to trigger events on a row in ag-grid?
body: <p>I am trying to test ag-grid functionality and not able to trigger events.</p>
  
  <pre class="lang-js prettyprint-override"><code>  it('should open Component on double click', () =&gt; {
      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();
    });
  </code></pre>
  
  <p>What am I doing wrong?</p>