← Back to library
Cypressselectorsbeginnerv10+

Hover over an element

Dispatch a mouseover event to reveal tooltips or hover menus — Cypress has no native .hover().

1it('tooltip appears on hover', () => {
2  cy.visit('/dashboard');
3
4  // trigger('mouseover') fires the event Cypress would send on hover
5  cy.get('[data-testid="info-icon"]').trigger('mouseover');
6
7  cy.get('[role="tooltip"]')
8    .should('be.visible')
9    .and('contain.text', 'Last updated');
10});
#hover#mouseover#trigger#tooltip