From first click to confirmation.
Start in the shop. Search for a product, sign in with a demo account, add a few things to your cart, and place a practice order.
- Open the Practice Shop and choose a product.
- Sign in as
alex with practice123. - Add one Grid Notebook and one Focus Desk Mat.
- Open your cart and apply
PRACTICE10. The total should be $35.60, including demo shipping. - Enter fictional shipping details, review, and place the order.
- Check the confirmation and your account's order history.
Three accounts. Different scenarios.
All accounts share the public demo password practice123. You can select an account on the sign-in page to fill its credentials.
Open demo sign-inA fresh space for every run.
Current run: default. Each run has its own saved demo accounts, carts and orders in this browser. Use a different run name for each independent practice session.
Your demo data stays in this browser. Reset restores the current run’s sample data. Use fictional details.
Try something. Start again.
Your login, cart and orders are saved in this browser under the current run ID and survive refresh. Signing out hides account data; signing in again restores it. Use only fictional information in this shared practice browser.
Reset playground asks for confirmation, then restores the example data. It never clears your portfolio theme or other browser storage. Tabs using the same run synchronize changes. Use different run IDs or separate browser contexts for parallel automation; give each parallel test its own run ID.
All prices are USD. Shipping is a fixed $5 for a nonempty cart, tax is zero, and PRACTICE10 takes 10% off merchandise. Quantity is limited to five per product, two for the Cable Pouch, and zero for the unavailable headphones.
Use the DOM. Or follow what you see.
The shop uses labeled controls, semantic links and buttons, visible results, and stable test identifiers. You can work through the purchase with DOM selectors or using only screenshots and visible controls.
Try finding the search field by its accessible label, Search products. For a stable explicit target, use data-testid="shop-search". Product cards have identifiers such as shop-product-desk-notebook.
These are demo accounts and practice orders. Nothing is purchased. Order dates are fixed sample dates shown in UTC.
Practice areas.
The catalog, filters, sort options, product tabs, demo accounts, separate carts and order history, coupon, checkout, theme, and reset are interactive. Choose Featured, Name, or price sorting to practice different product searches.
All ten element labs and three intentional bug challenges are interactive. Resetting a lab or challenge does not affect your saved shop. The dynamic scenarios use fixed waits of 1500, 2000 and 1000 ms. Native dialogs need browser-level handling.
Use only fictional addresses and emails. Nothing is shipped and no card details are requested.