Fourteen exercises, from the basics to the ones that actually break flows. Everything here is real, interactive, and completely harmless — no accounts are created, no messages are sent, nothing is saved anywhere. Log in, fill a form, sort a table, then work up to waiting on slow content, switching to a new tab, looping through pages and surviving elements whose id changes every time you touch them. Break it as often as you like — a reload puts it back exactly the way it started.
Classic username/password automation target — try filling and submitting it.
A richer form: text fields, a dropdown, radio buttons, a slider, and a textarea.
Loop over a list of items and click a button on each one — a very common automation pattern.
$19.99
$59.00
$34.50
$45.00
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 |
Practice clicking between sections that show and hide content.
Name: Ada Lovelace
Role: Analytical Engine Operator
Plan: Pro — $12/month
Some flows need to open a dialog, click something inside it, then close it.
This is a fake modal for practice purposes. There is nothing to actually agree to — click Accept to close it.
Great for practicing flows with Next/Back buttons and a few steps in a row.
All set! Review and finish:
Switch into the iframe, fill in the form, then return to the main page. A common automation scenario.
Drag a card out of "To do" and drop it onto "Done" — a common pattern in kanban boards and task lists.
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.
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.
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 |
|---|
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