Log in as standard_user and verify the dashboard
Log in as standard_user and verify the Account dashboard heading and signed-in identity.
76 executable exercises · TypeScript first
Playwright challenges
Build from resilient locators to API-assisted setup, reusable authentication, network failure handling, and realistic ecommerce flows.
Locate the primary action by role
Click the Good DOM primary action using its accessible role and name.
Fill a profile with label locators
Fill the labelled name and email fields and assert their values.
Assert registration validation
Submit the customer form with an invalid synthetic email and verify its validation state.
Find one employee row
Find Rahul Sharma in Engineering and assert the row contains Pune.
Verify product stock
Open product prd-001 and verify its stock status is visible.
Accept a native alert
Accept the alert and verify the visible alert result.
Wait for delayed text
Trigger the 1,000 ms delayed text and wait for the final assertion target.
Add a laptop under ₹50,000 to the cart
Search for laptop, set maximum price to ₹50,000, add the matching item, and verify cart quantity one.
Sort and filter employees
Filter Active employees in Pune, sort by salary, and assert the visible rows.
Synchronise with a loading indicator
Start the controlled request, observe Loading, then assert completion.
Submit a nested frame form
Use frameLocator to fill and submit the nested form, then verify its result.
Upload a valid CSV
Upload a valid CSV and verify its accepted filename and content classification.
Reuse authenticated storage state
Save standard_user browser state and reuse it in a fresh context.
Create and fetch a user through the API
Create a user, read it by returned ID, and compare the fields.
Mock an empty catalogue
Fulfil the catalogue request with an empty data array and assert the empty state.
Submit a browser prompt
Fill the prompt and verify the page echoes the supplied value.
Create a customer through API and verify the UI table
POST a customer and verify it appears in the Customer API table.
Verify a role-based 403
Authenticate as standard_user, call the Manager-only API, and verify 403.
Checkout and verify the order API
Add a product, sign in, complete fake checkout, and verify the order through the API.
Modify a product response
Fetch the real catalogue response, rename one product, and fulfil the request.
Reject active SVG content
Attempt to upload an SVG with a script and verify safe rejection.
Debug a hidden race condition
Run the failing test with trace, diagnose the race, and replace the eager read with a web-first assertion.
Debug a wrong locator
Use the trace DOM snapshot to diagnose strict-mode ambiguity and scope the locator.
Debug an unhandled dialog
Diagnose the event ordering with trace/video/console evidence and register the handler before the click.
Authenticate by API, reuse session, and handle orders 500
Authenticate through the API, reuse the session in Playwright, intercept the orders API with HTTP 500, and verify the visible error state.
Prove API sandbox isolation and reset
Create independent sessions, mutate one, prove isolation, then reset and verify seed restoration.
Recover from malformed store data
Arm the malformed scenario, verify the explicit error, retry, and verify products return.
Find an active engineering employee
Open Employee Management, filter Engineering employees, and assert one active row by role and name.
Search and paginate the employee directory
Search for a synthetic employee, then use directory pagination and verify the page label changes predictably.
Create an employee by API and verify the directory
Create a synthetic employee with the Practice API, then search for its deterministic ID in the directory.
Edit an employee role and status
Edit an existing employee, change the role and status, and verify the same row displays both values.
Delete and reset the employee sandbox
Delete a synthetic employee, accept the confirmation dialog, reset the sandbox, and verify seed results return.
Prove employee session isolation
Create an employee in one header-mode Lab session, prove it is absent in another, then reset the first session.
Find an open high-priority ticket
Filter the Ticketing queue to open high-priority work and assert a visible row.
Search and paginate tickets
Search for a synthetic ticket, clear the query, then verify the next page changes predictably.
Create a ticket by API and verify the queue
Create a ticket with a Lab session and CSRF token, then search for its subject in the Ticketing app.
Edit ticket status, assignee, and labels
Edit one ticket, set it to pending, change assignee, and save a Bug label.
View deterministic activity and reset tickets
Open a ticket history, create or edit a ticket, then reset the sandbox.
Prove ticket session isolation
Create a ticket in one header-mode session, prove it is absent from another, then reset the first.
Find an available synthetic hotel room
Choose a destination and valid dates, then assert a visible available room and rate.
Assert controlled availability states
Switch between limited and sold-out scenarios and assert their distinct visible states.
Select a rate and confirm a synthetic booking
Select an available room and rate, confirm a fake guest reservation, and verify its generated reference.
Create a booking by API and verify the directory
Create a booking with the Practice API and verify its guest name and rate in the booking directory.
Cancel a booking through a labelled dialog
Confirm a synthetic booking, open the cancellation dialog, and accept its cancel action.
Prove booking session isolation and reset
Create a booking in one explicit Lab session, prove another cannot observe it, then reset the first session.
Run one bounded refresh poll
Open the refresh scenario, run one explicit poll, and assert the first ordered event.
Assert canonical event order after reversed receipt
Select the ordering scenario, run two steps, and prove the table is sorted by sequence.
Recover from a controlled reconnect
Run the reconnect loss step, then the explicit recovery step, and assert their different request behavior.
Recover from a controlled polling fault
Run the controlled fault, mock the next ticket request, and assert the recovery message.
Select a realtime scenario by query parameter
Open ?scenario=fault and verify the selected control, empty event log, and zero poll count.
Prove bounded polling stops after recovery
Complete a refresh or recovery sequence and prove that no extra request is initiated after the final visible state.
Activate an open Shadow DOM control
Activate Trigger open shadow action and assert the named result.
Locate slotted light-DOM content
Locate the synthetic summary and assert its documented slot assignment.
Submit a form inside an open Shadow DOM root
Fill Shadow profile name with Asha Learner, submit, and assert the named result.
Act through nested open Shadow DOM roots
Activate Run nested shadow action and assert the inner result.
Verify the closed Shadow DOM boundary
Assert the closed host contract, prove its public shadowRoot is null, and prove a scoped button locator finds no internal control.
Author a truthful Shadow DOM contract test
Write one spec that exercises the open action and shadow form, then asserts the closed host boundary without reaching for its internal button.
Capture the frozen v1 baseline
Open v1, wait for local fonts, and capture the reviewed desktop baseline.
Assert the v1 release contract
Assert that v1 is Approved with 5 / 5 owned checks and documents the purple baseline.
Capture a tablet comparison
Capture v1 at the documented 834 × 1112 tablet viewport.
Review the v1 and v2 difference contract
Compare v1 and v2 semantic contracts and review their screenshots.
Protect the mobile visual contract
Capture v2 at 390 × 844 and assert that the release dashboard remains readable.
Author a deterministic visual suite
Write one suite that validates both versions at desktop, tablet, and mobile sizes with reviewed baselines.
Fulfil a replacement catalogue response
Intercept the documented Store catalogue request, fulfil it with a replacement product, and assert the rendered row.
Fulfil an empty catalogue contract
Fulfil the documented request with HTTP 200 and data: [], then assert the empty response message.
Recover from a controlled route error
Return HTTP 503 on the first request, then fulfil the learner-controlled retry with one replacement product.
Assert a network abort outcome
Abort the documented request and assert its labelled network-error state and explicit retry control.
Assert a delayed route fulfilment
Delay one route fulfilment for a bounded 150 ms, assert the in-progress status, then assert the fulfilled row.
Validate a controlled contract variation
Fulfil the request with an item missing name and price, then assert the controlled contract-mismatch outcome and learner retry.
Enroll a synthetic MFA identity
Sign in, start MFA enrollment, verify the documented public OTP, and assert that the enrollment becomes enabled.
Verify a role-aware OTP challenge
Create an Admin challenge with the public credentials, verify its OTP, and assert both the required policy and signed-in dashboard.
Assert an expired MFA challenge
Request the expired scenario and verify it with the documented OTP.
Recover a synthetic MFA challenge
Enable MFA for admin_user, use the public recovery code, then complete the returned recovery challenge.
Reject invalid OTP attempts predictably
Submit an incorrect OTP three times for one valid challenge.
Reuse an MFA-verified session
Verify an Admin MFA challenge, save browser storage state, and reuse it to read the current authenticated identity.
Starter projects
Download and run locally
TypeScript is the complete cloneable starter. Python and Java include setup pointers and three equivalent examples each.
Learning objective
What you will be able to do
Choose a challenge at the right difficulty, attempt it against a stable fixture, then use progressive hints and the solution only as needed.
Continue learning