📝
GUI Form Elements
Section 1📁
File Upload
Section 2📄
Click to browse
Any single file
📂
Click to browse
Multiple files allowed
📊
Static Web Table
Section 3| # | Student Name | Trainer | Course | Batch |
|---|---|---|---|---|
| 1 | Arjun Mehta | Ravi Kumar | Selenium Basics | Batch A |
| 2 | Priya Sharma | Sneha Patil | API Testing | Batch B |
| 3 | Rohit Verma | Ravi Kumar | Cypress Advanced | Batch A |
| 4 | Neha Joshi | Anil Desai | Playwright Pro | Batch C |
| 5 | Karan Patel | Sneha Patil | Java for Testers | Batch B |
| 6 | Divya Nair | Anil Desai | Mobile Testing | Batch C |
⚡
Dynamic Web Table
Section 4| # | Name | Role | Department | Action |
|---|---|---|---|---|
| 1 | Meera Iyer | Test Engineer | QA Automation |
📄
Pagination Web Table
Section 5| ID | Student Name | Course | City | Status |
|---|
🗂️
Tabs
Section 6This is Section 1. Practice tab switching, content visibility assertions, and DOM state verification with Selenium, Cypress, or Playwright.
This is Section 2. Tab content may load statically or via AJAX — both are important automation patterns to handle.
This is Section 3. Verify that only the active tab's content is visible and that switching tabs does not reload the page.
⏱️
Dynamic Button — Timer
Section 700:00:00
hours · minutes · seconds
🔔
Alerts & Popups
Section 8Custom modal-based alerts — cleaner than native browser dialogs and fully automatable with Selenium/Playwright.
🖱️
Mouse Hover Dropdown
Section 9👆
Double Click
Section 10Double-click the button to copy text from Field 1 into Field 2. Tests Actions.doubleClick() in Selenium.
↔️
Drag and Drop
Section 11Source
🧩
Drag Me!
Hold and drag to the target →
Target
📦
Drop Here
Release to drop
🎚️
Range Slider
Section 12
₹0
₹50,000
MIN₹2,000
—
MAX₹30,000
60%
🔷