IgniteSoftTech

Automation Practice Application

Automation Practice Lab

Practice UI automation from beginner to advanced using a single real-world web application.

Forms • Locators • Tables • Alerts • Windows • Frames • Files • Waits • Mouse Actions • Shadow DOM • API

01. Registration Form

Practice fill(), check(), selectOption(), assertions and form submission.

Experience: 3 Years

02. Locator Practice

Practice getByRole(), getByText(), getByLabel(), getByPlaceholder(), CSS selectors and XPath.

Welcome to the Practice Application

Go to Tables

04. Web Table Practice

ID Name Department Experience Salary Action
EMP101 Arjun QA 3 Years ₹6,00,000
EMP102 Meera Automation 5 Years ₹10,00,000
EMP103 Rahul Development 4 Years ₹9,00,000
EMP104 Divya QA 6 Years ₹12,00,000
EMP105 Kiran DevOps 7 Years ₹15,00,000

Pagination Table

ID Product Price

05. JavaScript Alerts

06. Modal Dialog

07. Tabs & Windows

External Page

08. Mouse Actions

Hover

Hover Over Me
Mouse hover detected!

Double Click

Right Click

Drag and Drop

Drag Me
Drop Here

09. File Upload & Download

10. Waits & Dynamic Elements

Loading Spinner

Progress Bar

0%

11. Hidden Elements

12. Enabled / Disabled Elements



13. Tabs

Manual Testing

Practice test design, scenarios and validation.

Modern end-to-end browser automation.

Tosca

Model-based enterprise test automation.

14. Tooltip Practice

Tooltip Text

15. Keyboard Events

16. Dynamic Elements

The ID of this button changes every page load.



17. iFrame Practice

18. Shadow DOM

Practice locating elements inside an open Shadow DOM.

<-shadow id="shadow-host">

19. AJAX / Fetch Practice

20. Toast Notification

21. CRUD Practice

# Task Action

22. API Testing Endpoints

You can use these endpoints with APIRequestContext.

GET /index.php?api=users

GET /index.php?api=products

GET /index.php?api=delayed 













🏆  Practice Challenges



    

  1. Fill the registration form.
    2. 

  2. Select gender using getByLabel().
    3. 

  3. Select multiple skills.
    4. 

  4. Select India from the country dropdown.
    5. 

  5. Handle dynamic city suggestions.
    6. 

  6. Find Meera in the employee table.
    7. 

  7. Click the Select button in Meera's row.
    8. 

  8. Handle simple alert.
    9. 

  9. Accept confirmation dialog.
    10. 

  10. Enter text into prompt dialog.
    11. 

  11. Open and validate a new tab.
    12. 

  12. Handle popup window.
    13. 

  13. Perform mouse hover.
    14. 

  14. Perform double click.
    15. 

  15. Perform right click.
    16. 

  16. Drag an element to the drop zone.
    17. 

  17. Upload a file.
    18. 

  18. Download and validate a file.
    19. 

  19. Wait for delayed element.
    20. 

  20. Validate loading content.
    21. 

  21. Wait for progress bar to reach 100%.
    22. 

  22. Handle hidden element.
    23. 

  23. Enable a disabled input.
    24. 

  24. Switch between tabs.
    25. 

  25. Validate tooltip text.
    26. 

  26. Perform keyboard Enter action.
    27. 

  27. Locate a dynamically generated ID.
    28. 

  28. Interact with an iframe.
    29. 

  29. Interact with Shadow DOM.
    30. 

  30. Fetch and validate PHP API data.
    31. 

  31. Create and delete CRUD tasks.
    32. 











✅ Operation completed successfully!