Automation Practice Playground

Section 1 — Basic Form Elements

Practise filling text, password, email, phone inputs and a textarea, then submitting and resetting a real form.

Section 2 — Button Interactions

Practise single click, double click, right click, disabled buttons, a button that enables after 3s, and a self-relabelling button.

Section 3 — Checkboxes & Radio Buttons

Practise toggling checkboxes, a select-all that controls them, radio groups, and a checkbox that reveals hidden text.

Section 4 — Dropdowns

Practise standard select, multi-select, a custom div-based dropdown, and a select populated from state.

Section 6 — Dynamic Content

Practise waiting for elements to appear/disappear, text changes, a counter, and dynamically injected content.

Section 7 — Waits & Synchronisation

Practise explicit waits: a spinner that becomes Loaded, delayed text, an animated progress bar, and a delayed AJAX response.

Section 9 — Alerts

Practise handling native JS dialogs: alert, confirm and prompt.

Section 10 — Modals

Practise opening a modal, closing via the X or close button, and closing by clicking the overlay.

Section 11 — iFrame

Practise switching into an iframe context before interacting with the form inside it.

Section 12 — Shadow DOM

Practise piercing a shadow root: the input and button live inside a custom element's shadow DOM.

Section 13 — Drag & Drop

Practise native HTML5 drag and drop: drag the source onto the drop zone.

Nothing dropped

Section 14 — Hover Menu

Practise hovering a menu item to reveal a submenu (Actions class hover/move-to-element).

Section 15 — Tooltip

Practise triggering and reading a tooltip that appears on hover.

Section 16 — File Upload

Practise uploading a file and verifying the selected file name appears.

Section 17 — Download

Practise triggering a file download (practice.txt) and asserting on the downloaded file.

Section 18 — Hidden Elements

Practise locating elements that are in the DOM but hidden via CSS, and revealing hidden content.

Section 20 — Multiple Windows

Practise switching between window/tab handles after opening a new one.

Section 21 — Authentication Simulation

Practise a login flow. Demo credentials: username admin, password admin123.

Section 22 — Stale Element Simulation

Practise StaleElementReferenceException: the target node is replaced (new key), so a previously located reference is no longer attached.

Section 23 — Dynamic List

Practise adding and removing items and asserting on the changing list length.

Section 24 — Network Delay Simulation

Practise waiting through a simulated network delay before the response text appears.

Section 25 — Random Fail (Flaky) Elements

Practise handling flaky outcomes: this button passes or fails roughly 50/50 each run.

Section 26 — Keyboard Actions

Practise sending keys: type here and watch the last key; Arrow Up/Down change the counter. Try Enter, Tab and arrows.

Section 27 — Slider

Practise moving a range slider and reading its live value.

Section 28 — Date Picker

Practise selecting a date and asserting the echoed value.

Section 29 — Resizable Element

Practise resizing an element by dragging its bottom-right handle.