click not firing mouseover event

Current behavior:

I trigger some react-contextify menu with .trigger('contextmenu') My menu is displaying OK

Then I select the div element where an onClick event is attached. cy.get('.react-contexify__item').debug().click();

I tried to use also “force: true” as an option.

But my action is not triggered. Nothing happens.

With debug() option activated, I trigger manually the click() event and my Material UI dialog is displayed.

------------------------ Debug Info ------------------------
cypress_runner.js:63678 Command Name:     get
cypress_runner.js:63678 Command Args:     [".react-contexify__item"]
cypress_runner.js:63678 Current Subject:  jQuery.fn.init [div.react-contexify__item, prevObject: jQuery.fn.init(1), context: document, selector: ".react-contexify__item"]
subject.click()
MegaTrendPage.jsx:316 hello!
jQuery.fn.init [div.react-contexify__item, prevObject: jQuery.fn.init(1), context: document, selector: ".react-contexify__item"]

Source for div menu is like this:

  return (
      <div
        className={cssClasses}
        style={style}
        onClick={this.handleClick}
        role="presentation"
      >
        <div className={styles.itemContent}>{children}</div>
      </div>
    );

Desired behavior:

I trigger click event and dialog is shown…

Versions

Cypress Version used : 3.1.3 Chrome 70.0.3538.110 React 16.6.3 react-contexify : 3.0.3

[kuceb]

@jkeruzec I was able to reproduce, thank you. We are aware of this issue because we do not yet send mouseover/pointerover events during a click.

We’ll have a fix in either 3.1.3 or 4.0

in the meantime, you can do this:

cy.get('.react-contexify__item__data')	
  .trigger('mouseover').click()
  .then(() => {
	 expect(stub).to.be.calledWith('Hello bug !');
  });

[cypress-bot[bot]]

Released in 3.5.0.