cypress/docs/source/api/commands/hover.md

title, comments

title	comments
hover	false

{% note danger %} Cypress does not have a cy.hover() command. See Issue #10. {% endnote %}

If cy.hover() is used, an error will display and redirect you to this page.

Workaround

Sometimes an element has specific logic on hover and you do need to "hover" in Cypress. Maybe the element doesn't even display to be clickable until you hover over another element.

Oftentimes you can use {% url .invoke() invoke %} or {% url cy.wrap() wrap %} to show the element before you perform the action.

Invoke

Example of showing an element in order to perform action

cy.get('.content').invoke('show').click()

{% note info %} {% url 'Check out our example recipe on testing hover and working with hidden elements' https://github.com/cypress-io/cypress-example-recipes/blob/master/cypress/integration/hover_hidden_elements_spec.js %} {% endnote %}

You can also force the action to be performed on the element regardless of whether the element is visible or not.

Force click

Example of clicking on a hidden element

cy.get('.content').click({force: true})

Example of checking a hidden element

cy.get('.checkbox').check({force: true})

See also

• {% url .invoke() invoke %}
• {% url 'Recipe: Dealing with Hover and Hidden Elements' https://github.com/cypress-io/cypress-example-recipes/blob/master/cypress/integration/hover_hidden_elements_spec.js %}
• {% url cy.wrap() wrap %}