Loading challenge...
Dynamic Controls
Handle elements that appear/disappear
Toggle Checkbox Visibility
Checkbox can be removed or added back. Wait for the element to appear/disappear
Checkbox is visible
Enable/Disable Input
Input starts disabled. Enable it before typing
Input is disabled
Add/Remove Controls
Dynamically add or remove buttons. Each button has a unique ID
No buttons yet. Click "Add Button" to add some.
Swap Controls
Control type changes but location stays the same. Handle different control types dynamically
Current control: input
Testing Tips
Automation hints
- ✓ Use waitForSelector() after toggle actions (1.5s delay on enable/disable)
- ✓ Check [data-testid="dynamic-checkbox"] existence vs [data-testid="checkbox-gone"]
- ✓ Verify input disabled state with isDisabled() or :disabled selector
- ✓ Use data-control-type attribute to verify swapped control types
- ✓ Check [data-testid="button-count"] for dynamic button count updates
