Skip to Jobs

Drag-drop & dialogs

Native alert/confirm, modal dialog, tooltip title attribute, HTML5 drag-and-drop.

Open editorial guide: dynamic elements practice

Challenge mode: append ?challenge=1 to this URL for harder selectors / no helper test ids where noted.

Interactive demo

Hover for tooltip
Drag me
Drop item here

Practice ideas

Manual testing

  • Dismiss alert
  • Cancel confirm
  • Close modal

Automation

  • Handle alerts in WebDriver
  • Playwright dialog handler
  • Drag source to target

Locator hints (beginner)

  • [data-testid="pg-modal-open"]
  • [data-testid="pg-drop-target"]