GUI Form Elements
Section 1File Upload
Section 2Click 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 7Alerts & Popups
Section 8Custom modal-based alerts โ cleaner than native browser dialogs and fully automatable with Selenium/Playwright.
Mouse Hover Dropdown
Section 9Hover over a button to reveal the dropdown. Use Actions.moveToElement() in Selenium to test hover interactions.
Double Click
Section 10Double-click the button to copy text from Field 1 into Field 2. Tests Actions.doubleClick() in Selenium.