Inconsistent behaviour for realHover

[martijnoele]

My Cypress test using realHover is behaving inconsistently. It fails about 2-3 times in 10 test runs. I tried adding an additional cy.wait(..) after .realHover(), but this doesn't change the test results.

Test:

cy.get('.pill').eq(0)
    .should('have.css', 'background-color', 'rgba(255, 255, 255, 0.05)')
    .realHover()
    .should('have.css', 'background-color', 'rgba(255, 255, 255, 0.1)')

Result:

Next run:

Versions:
Browser: Electron v118
Cypress version: 3.12.0
Cypress-real-events version: 1.13.0

[viniciusbsneto]

I've been having some flaky tests due to the realHover inconsistent behavior as well. My alternative was to use trigger('mouseover') instead. It seems to have solved the flakyness.

[mrmeszaros]

@martijnoele we are having flaky tests as well - even in one test run, one of the tests with realHover works and the other one does not.

When running such tests separately (with eg. only), then the flakyness is less frequent, but stil happens from time to time.

@viniciusbsneto Yeah, that's what the docs suggests (https://docs.cypress.io/api/commands/hover#Workarounds), but it did not work in our case, and came here from the related issue (cypress-io/cypress#10), suggesting this as a better alternative.

It would be really nice to have an explanation to what might be the underlying issue:

• eg. maybe it's about timing?
• does is happen too soon, or too late?
• or is the hover window too short?
• if yes, could the hover window timing be controlled via options / config?
• how could we (users) help with investigating?