Hover → Tooltip → Click — BrauzerLab

Sometimes a button inside an element cannot be activated until you hover over its parent. In this mission the tooltip is guarded by JS: clicking “Confirm” without hovering first has no effect.

Hover over the info icon — this “activates” the tooltip. Then click the Confirm button inside it.

The page object is already available. The mission passes when the Hover → Click sequence is performed in the correct order.

If you click directly without hovering first, the button does not respond. Order matters.

import { test, expect } from '@playwright/test'; test('Hover → Tooltip → Click', async ({ page }) => { await page.goto('https://lab.local/mission/hover-tooltip-click'); // ↓ Your code goes below ↓ });