← Back to library
Playwrightselectorsbeginnerv1.20+

Hover over an element

Trigger a hover to reveal a tooltip or dropdown menu.

1test('tooltip appears on hover', async ({ page }) => {
2  await page.goto('/dashboard');
3
4  // hover() dispatches the full mousemove → mouseenter → mouseover sequence
5  await page.locator('[data-testid="info-icon"]').hover();
6
7  await expect(page.getByRole('tooltip')).toBeVisible();
8  await expect(page.getByRole('tooltip')).toContainText('Last updated');
9});
#hover#tooltip#mouseover#mouseenter