Drag & Drop Practice – Fully Corrected
Follow instructions and drag boxes to the targets. All 12 scenarios are ready for Selenium automation practice.
1. Simple Drag: Drag the box into the target container.
Simple
Drop Here
2. Drag to Change Color: Drop to change container color.
Color
Drop Color
3. Drag to Change Text: Drop to change the box's text (box remains visible).
Text
Drop Text
4. Horizontal Drag: Drag the box left or right inside the container.
Horizontal
Horizontal Target
5. Vertical Drag: Drag the box up or down inside the container.
Vertical
Vertical Target
6. Drag Multiple: Drag multiple boxes into the same container (all stay inside).
A
B
Drop Multiple
7. Drag to Another Container: Move box from first container to second container.
Move
Original Container
Destination Container
8. Drag and Copy: Drag the box to copy it into the target container (original remains).
Copy
Drop to Copy
9. Drag and Remove: Drag the box into the container to remove it.
Remove
Drop to Remove
10. Snap to Grid: Drag the box to snap it into the target container.
Snap
Snap Here
11. Diagonal Drag: Drag the box diagonally inside the container (top-left to bottom-right).
Diagonal
Diagonal Target
12. Custom Behavior Drag: Drag the box to see a custom effect (color change + text).
Custom
Custom Drop