Automation playground
Each box below is one thing test automation has to handle. Every control has a stable id;
the result of each action is written to a line you can assert on. No sign-in needed.
1. Alerts, confirms and prompts
Switch to the browser dialog, read its text, accept or dismiss it.
2. Waiting for things
Text that appears after 3 seconds, a button enabled after 5, and an element you show and hide.
3. Hover menu
The menu only exists while the mouse is over it.
4. Double-click and right-click
5. Drag and drop
Drag vendors onto the shortlist. The Move buttons do the same without a mouse.
Available
Shortlist
6. A form inside an iframe
Switch into the frame to use it, and back out afterwards.
This text is outside the frame.
7. New tabs and windows
Switch to the new window, check its title, close it and come back.
8. Auto-suggest
Type at least two letters, then pick from the suggestions (or use the arrow keys and Enter).
9. An element whose id changes
This button gets a new random id on every page load. Find it by its text or its data-testid instead.
10. Shadow DOM
These controls live inside a shadow root. Reach them through #shadow-host.
11. Scrolling and loading more
Scroll inside the box. "Load more" appears at the bottom of the list.
12. Other form controls
13. Reading a web table
Find the row for a vendor and read another cell in it — the classic XPath exercise.| Vendor | Country | Quote (CAD) | Delivery (days) | Status |
|---|---|---|---|---|
| Northwind Office Supply | Canada | 11,480.00 | 5 | Received |
| Maple Leaf Stationers | Canada | 10,920.50 | 9 | Received |
| Pixel Point Computers | United States | 82,300.00 | 21 | Under review |
| ByteWorks Technology | Canada | 79,999.99 | 14 | Received |
| Harbour Catering Co. | Canada | 4,350.00 | 2 | Accepted |
| Lagos Print Works | Nigeria | 2,875.25 | 30 | Declined |