1. Text Input
Basic text input to type any value.
2. Password Input
Password field — characters hidden.
3. Email Input
Input field to enter email addresses.
4. Number Input
Input field to enter numeric values only.
5. Radio Buttons
Choose one option from multiple choices.
6. Checkboxes
Select multiple options if needed.
7. Dropdown
Select one option from the dropdown list.
8. Multi-Select
Select multiple options by holding Ctrl/Cmd.
9. File Upload
Upload file for testing. (Single file)
10. Date/Time Inputs
Date/time controls for automation.
11. Color & Range
Choose color and numeric range values.
13. Links
Internal and external link examples.
Go to Text Input
External Link
14. Media Elements
Images, videos, audio, canvas examples.
15. Tables & Lists
Tables and lists for automation assertions.
| Name | Age |
|---|---|
| John | 28 |
| Jane | 32 |
- Item 1
- Item 2
16. Modal
Open and close modal dialogs.
17. Shadow DOM
Interact with Shadow DOM elements.
18. Tooltips
Hover to see tooltip messages.
19. Authentication
Simulated login for testing.
20. Auto-suggest / Autocomplete
Start typing and select from suggestions.
21. Dependent Dropdown
Select a country, then select a city.
22. Masked Input
Input is masked dynamically (example mask).
23. Double Click
Double click on the button.
24. Drag & Drop
Drag the item and drop into the target.
Drag Me
Drop Here
25. Sortable Table
Click column headers to sort table.
| Name | Age |
|---|---|
| John | 28 |
| Jane | 32 |
| Mark | 25 |
26. Modal / Toast / Alert
Advanced modal example.
27. iFrame Interaction
Interact with iFrame content safely.
28. Shadow DOM Advanced
Advanced Shadow DOM element interaction.
29. Multi-tab Navigation
Open a new browser tab.