Test Automation Practice Ground

A static playground covering real-world scenarios — login, every form control, popups, async API calls, delays, file uploads, data tables, drag & drop, iframes and more. Every element has a data-testid for stable locators.

Getting started

No build step. Open any page and start writing tests. Suggested demo credentials for the Login page:

Username student
Password Password123
Try the Login page → Explore Form Controls

Scenarios

🔐

Login & Auth

Form validation, slow auth, error states, session via localStorage, logout.

📝

Form Controls

Text, email, number, date, range, color, select, multiselect, radio, checkbox, switch.

✅

Validation

Required fields, pattern matching, inline errors, dependent/conditional fields.

🪟

Popups & Widgets

Modals, tabs, accordions, tooltips, dropdowns, autocomplete.

⚠️

Alerts & Dialogs

JS alert/confirm/prompt, toasts, timed banners, auto-closing popups.

⏳

Async / API

Fake API calls, loading spinners, skeletons, delays, retries, error responses.

📊

Data Table (CRUD)

Sort, filter, paginate, add & delete rows loaded from the mock API.

📤

File Upload

Single & multiple upload, drag-drop zone, progress bar, type/size checks.

🖐️

Drag & Drop

Sortable lists, cross-column drag, droppable zone, sliders.

🗔

Frames & Windows

iframes, nested content, new tab/window, dynamic DOM changes.

Live clock & counter

Useful for testing polling, waits, and dynamic text assertions.

Current time: —
Auto counter: 0