Mouse Actions
Practice double-click, right-click, hover chains, long press, and element resizing.
Click Actions
Double Click
Double-click the box above
Hint: Single click and double-click are different events. Use Actions.doubleClick() in Selenium or dblclick() in Playwright.
Right Click (Context Menu)
No option selected yet
Hint: Use Actions.contextClick() in Selenium. The custom menu is a regular DOM element -- locate and click its items like any other element.
Long Press
Press and hold the button above
Hint: Use Actions.clickAndHold(element).pause(Duration.ofSeconds(2)).release().perform() in Selenium. In Playwright, use page.mouse.down() + wait + page.mouse.up().
Movement Actions
Hover Chain
No submenu item selected yet
Hint:This requires a chain of mouse actions: moveToElement(parent) → moveToElement(submenu) → click(). If you move too fast or too slow, the submenu disappears. Use Actions chains.
Resize Element
Width: 200px, Height: 200px
Current size: 200 x 200px
Hint:Use Actions.dragAndDropBy(handle, xOffset, yOffset) in Selenium. Read the element's size before and after to verify the resize worked.