Loading challenge...
Add/Remove Elements
Handle dynamic DOM changes
Add Elements
Click to add new elements dynamically
Total elements: 0
List Management
Add and remove items from a list
- Item 1
- Item 2
- Item 3
Items in list: 3
Checkbox Delete Pattern
Select items with checkboxes and delete them
Dynamic Table Rows
Add and remove rows from a table
| ID | Name | Action | |
|---|---|---|---|
| 1 | John | john@example.com | |
| 2 | Jane | jane@example.com |
Rows: 2
Testing Tips
Automation hints
- ✓ Use waitFor() to verify element count after add/remove operations
- ✓ Check #elements-count and #items-count for dynamic counters
- ✓ Verify .added-element and .list-item classes for new items
- ✓ Test #btn-clear-all with empty state verification (#empty-list-message)
- ✓ Validate checkbox selection before #btn-delete-selected is enabled
