click not firing mouseover event

[jkeruzec]

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

[jennifer-shehane]

Could you provide a reproducible example of this? With test code + application code.

[jkeruzec]

This repo reproduces the error :
https://github.com/jkeruzec/cypress-context-bug

[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 !');
  });

[jkeruzec]

Workaround works beautifully !

Thanks for that !

[jennifer-shehane]

Closing as duplicate of #1847

[cypress-bot]

The code for this is done in cypress-io/cypress#3030, but has yet to be released.
We'll update this issue and reference the changelog when it's released.

[cypress-bot]

Released in 3.5.0.