QA Lab - UI Automated Testing Elements
This page is dedicated to Test Automation experiments with different UI automation tools like Selenium, Cypress, and others. It provides a comprehensive set of interactive UI elements designed for testing, learning, and experimentation with various automation frameworks and techniques.
Use the controls below to interact with real-world UI patterns and test automation scenarios.
Forms
Input Fields
Checkboxes & Radio Buttons
Checkboxes
Radio Buttons
Dropdowns
Tables
| ID | Name | Status | Action | |
|---|---|---|---|---|
| 1 | John Doe | john@example.com | Active | |
| 2 | Jane Smith | jane@example.com | Inactive | |
| 3 | Bob Johnson | bob@example.com | Active |
Alerts & Modals
Success! This is a success alert message.
Warning! This is a warning alert message.
Error! This is an error alert message.
Info! This is an informational alert message.
Text Elements
Heading 3
Heading 4
This is a paragraph with regular text content for testing purposes.
This text is bold
This text is italic
This text is underlined
This is a blockquote element used in text content.
const example = "code snippet";
Links
Images
Dynamic Visibility
IFrame Elements
Practice frame switching. All major frameworks require explicit frame context switching.
Drag and Drop
Drag items from source list to target zone. Check drop order in target.
SOURCE — drag from here
Item Alpha
Item Beta
Item Gamma
TARGET — drop here
Slider
50