A safe place to click around
Fourteen interactive exercises for your first automation. Practice with forms, tables, tabs and more. Everything runs in your browser; nothing you submit is sent or saved.
1 Login form
Classic username/password automation target — try filling and submitting it.
2 Support request
A richer form: text fields, a dropdown, radio buttons, a slider, and a textarea.
3 Mini shop
Loop over a list of items and click a button on each one — a very common automation pattern.
Wireless Mouse
$19.99
Mechanical Keyboard
$59.00
USB-C Hub
$34.50
Webcam 1080p
$45.00
4 Sortable data table
Click a column header to sort, tick rows, then delete the selected ones — good for scraping and bulk-action practice.
| Employee ▾ | Department ▾ | Orders ▾ | |
|---|---|---|---|
| Ada Lovelace | Engineering | 128 | |
| Grace Hopper | Engineering | 342 | |
| Alan Turing | Research | 87 | |
| Katherine Johnson | Research | 215 | |
| Margaret Hamilton | Engineering | 410 |
5 Tabbed panel
Practice clicking between sections that show and hide content.
Name: Ada Lovelace
Role: Analytical Engine Operator
Plan: Pro — $12/month
6 Modal dialog
Some flows need to open a dialog, click something inside it, then close it.
Terms & Conditions
This is a fake modal for practice purposes. There is nothing to actually agree to — click Accept to close it.
7 Multi-step wizard
Great for practicing flows with Next/Back buttons and a few steps in a row.
All set! Review and finish:
8 Embedded page (iframe)
Switch into the iframe, fill in the form, then return to the main page. A common automation scenario.
9 Drag and drop
Drag a card out of "To do" and drop it onto "Done" — a common pattern in kanban boards and task lists.
To do
Done
10 Waiting for slow content
The hardest part of automation is not clicking — it's knowing when to click. These are the two waits you keep running into, and they are not the same problem: one element isn't there yet, the other is there but won't respond.
The list below is only created three seconds after you ask for it. Until then there is nothing on the page to select.
Nothing loaded yet.
This button is on the page from the start, but it ignores clicks for four seconds after you arm it.
11 New tabs and windows
Both of these open a second tab. The flow then has to switch to it, do something there, and come back — that's the Open Tab / Switch Tab / Close Tab trio in Portal17 Studio.
12 Paginated results
Twelve records spread over three pages. Scraping all of them means looping: read the page, click Next, repeat until Next is disabled.
| Order | Customer | Total |
|---|
14 Unstable selectors
This button gets a brand new random id every time you press it,
and the switch below shoves it down the page. Both break flows that were
recorded against a fragile selector — good practice for picking a stable one.
a7f3c91e