@open and @close events are not triggered by integration testing tool, even when programmatically calling the event.

We are using cypress 11.1.0

cypress-real-events: 1.7.4 was also used to try of trigger the events but didn't work.

The way we tried this was:

cy.get(element).trigger(‘mouseover’)
cy.get(element).realHover()
cy.get(element).trigger(‘mouseover’)
cy.get(element).trigger(‘mouseenter’)
cy.get(element).then(el => {
    el.dispatchEvent(new MouseEvent(‘mouseenter’, { bubbles:true })
}

I am using Keno Grid in my VueJS project. I need to show spinner while loading data into grid. I followed the link https://stackblitz.com/edit/zr8vbd-xk73ps?file=index.html . This display the spinner until data loaded into Vue. How ever when there is no data to display I would like to display No records found message.

My Grid looks like this.  

<Grid :data-items="pageViewModels"
      :pageable="true"
      :columns="gridData.columns"
      :skip="gridData.skip"
      :take="gridData.take"
      :total="gridData.total"
      @pagechange="onPageChange"
      @rowclick="onRowClick">
  <GridNoRecords>
    <div class="k-loading-mask margin-top-100">
      <span class='k-loading-text'>
      </span>
      <div class='k-loading-image'/>
      <div class='k-loading-color'/>
    </div>
  </GridNoRecords>