Automation playground

Practice one thing at a time.

Isolated rooms for Playwright, Cypress, and Selenium. Every control has a unique data-testid. No login required.

Total Users

0

Total Products

0

Active Sessions

1

Pending Tasks

3

Realtime Activity Feed

Quick Actions

Add user Add product Uploads API Lab

01

Authentication Lab

In-app locator lab. The real flow is /login, /register, and /forgot-password.

02

Users CRUD

Create, edit, delete, search, filter, and paginate a seeded roster.

Name	Email	Role	Status	Actions

Page 1

03

Products catalog

CRUD with category filters, negative-price validation, and a details dialog.

04

Dynamic Data Table

Search, sort, paginate, select rows, and run bulk actions.

Page 1 of 1

05

Forms Playground

Every common input type on one submit path.

Text

Email

Password

Number

Date

Time

Color

File

Textarea

Single select

Multi select

Radio A B C

Range 50

I agree Toggle switch

06

Asynchronous Loading & Delayed DOM

Spinners, skeletons, lazy mounts, accordions, and a 3-second reveal.

Progress bar 0%

What should I wait on?

Use aria-busy, fetch-spinner, and async-result-container.

How do I retry delays?

Click btn-replay-delay or show-delayed-button.

07

Modals, Alerts & Overlays

Info, success, warning, delete, and edit dialogs — plus typed toasts.

08

File Upload & Drag-and-Drop

Single, multiple, preview, and a simulated progress bar.

Standard file input

Drag a file here, or click to browse

Any file type. Single file only for the dropzone.

No file selected.

Multiple files

Status: idle

Widgets

Buttons, OTP, tags & ratings

Isolated widgets the other playgrounds treat as separate apps — kept on one page with unique locators.

Buttons

Click, disabled, and loading states.

Idle

Verify account (OTP)

Type 123456 or use the keypad.

Tags input

Add a tag with Enter. Remove with the ×.

Count: 0

Star rating

Set 1–5 and assert the label.

Not rated

Value: 0

09

Automation Playground

Hard locators: hover, shadow DOM, iframes, dialogs, flaky clicks, infinite scroll.

Hidden elements

Browser dialogs

Hover / Click variations

Keyboard

Last key: —

Drag and drop

Drag me

Drop here

Reorder list

Iframes

Shadow DOM

Dynamic ID

Current id:

Flaky button (fails 1 in 5)

Attempts: 0

File download

Download qa-export.csv

Multi-tab / Popup

Open dashboard in new tab

Infinite scroll

Slow-loading widget

10

API Lab

Mock REST against an in-browser fixture. Simulate 500s and timeouts.

Method

URL

Templates

JSON body

Simulate error Simulate timeout

No request yet.

Bug Mode

Toggle bug mode

Bug Mode is currently OFF

Test Data Reset

Restore seeded users and products. Reset All also turns Bug Mode OFF.

Locator guide

Stable selectors and suggested first assertions. Prefer getByTestId.

Flow	Locator	Assert
Login page	`/login` → `input-username`, `btn-login-submit`	URL becomes `/#home`
Table sort	`th-sort-name`	first `cell-name-*` changes
Async	`btn-trigger-fetch`	`async-result-container` visible after spinner
Shadow	`shadow-host` → `shadow-button`	`shadow-output` updates
Iframe	frame `iframe.html` → `iframe-button`	`iframe-click-result`
API 500	`api-error-toggle` + `api-run`	`api-status` is 500