Cypress is unable to simulate the hover state on HTML element using the trigger('mouseover') workaround

• Operating System: Windows
• Cypress Version: “cypress”: “2.1.0”
• Browser Version: Electron 59

Bug

Current behavior:

When trying to simulate hover using the trigger(‘mouseover’) workaround mentioned in this link: https://docs.cypress.io/api/commands/hover.html# cypress does not simulate the hover action on the html element

Desired behavior:

Cypress should be able to simulate hover action on the element

How to reproduce:

Use the test code below to reproduce the issue.

Test code:

describe('Testing simulate hover state', () => {
	it('Simulates the hover action ', () => {
		cy.visit('https://www.w3schools.com/howto/howto_css_zoom_hover.asp');
		cy.get('div.zoom').trigger('mouseover');
	});
});

Additional Info (images, stack traces, etc)

[DavidGWheeler]

• “The full hover implementation (including reflecting css hover effects) is more fully outlined here and planned in the future. Currently css hover behavior does not work. Closing as duplicate.”

Where is “here”??

[jennifer-shehane]

What @Konstruktour is getting at is that Cypress does not trigger the CSS pseudo selectors in any current implementation of its hover workarounds.

If you have event listeners, in JavaScript, on mouse events - that will work, but something like the css zoom effect in the example will not work.

The full hover implementation (including reflecting css hover effects) is more fully outlined here and planned in the future. Currently css hover behavior does not work. Closing as duplicate.