Level 3 · Mouse & Keyboard
Pointer gestures & keyboard events
These interactions rarely show up in the DOM until they happen — perfect for practising deliberate waits and event dispatch.
#
Hover
Hover me
tipPlaywright: page.hover() · Selenium: Actions.moveToElement()
#
Double click
single: 0double: 0
tipDistinguish single vs double click.
#
Right click (context menu)
Right-click inside this box
tipPlaywright: click({button:'right'})
#
Drag & drop
todo
Design
Build
Ship
done
tipPlaywright: page.dragAndDrop(src, tgt)
#
Keyboard
Focus me and press keys (try Ctrl+Shift+K)
- no keys yet
tipFocus the box then type — modifier keys are logged too.
#
Scrolling
filler line 1
filler line 2
filler line 3
filler line 4
filler line 5
filler line 6
filler line 7
filler line 8
filler line 9
filler line 10
filler line 11
filler line 12
filler line 13
filler line 14
filler line 15
filler line 16
filler line 17
filler line 18
filler line 19
filler line 20
filler line 21
filler line 22
filler line 23
filler line 24
filler line 25
filler line 26
filler line 27
filler line 28
filler line 29
filler line 30
filler line 31
filler line 32
filler line 33
filler line 34
filler line 35
filler line 36
filler line 37
filler line 38
filler line 39
filler line 40
✓ You reached the target
trailing line 1
trailing line 2
trailing line 3
trailing line 4
trailing line 5
trailing line 6
trailing line 7
trailing line 8
tipPractice scrollIntoView() and observer-based waits.