Dismiss, then accept, the cancel booking confirmation
Medium50 pts~2 min
- Confirm dialogs
- Dismiss vs accept
- State changes
Practice app · SkyWay
An online travel agency: airport autocomplete, a custom calendar, travellers popover, timed search results with sorting and filters, a fare modal, passenger validation, a seat map, card payment inside an iframe, and a manage-booking page with native confirm and prompt dialogs.
Your starter code already declares TEST_URL — never hardcode a host.
Objective
Find booking SW7K2Q, click Cancel booking and dismiss the confirmation to keep it, then cancel again and accept to cancel it for real.
Your task
- 1Open TEST_URL and click Manage booking (#nav-manage).
- 2Enter SW7K2Q in #pnr-input and Verma in #lastname-input, then click #find-booking. Assert #booking-status reads “Confirmed”.
- 3Click #cancel-booking and dismiss the confirmation (Cancel). Assert #manage-message reads “Booking is still active”.
- 4Click #cancel-booking again and accept the confirmation (OK).
- 5Assert #manage-message contains “Booking cancelled” and #booking-status reads “Cancelled”.
Acceptance criteria
- The first confirmation was dismissed, so the activity log records that the booking stayed active.
- The second confirmation was accepted and the booking is cancelled.
- The Cancel booking button is no longer shown.
- The test makes at least three assertions.
Fixtures
- Airports
- BLR Bengaluru · DEL New Delhi · BOM Mumbai · MAA Chennai · GOI Goa · HYD Hyderabad
- Today
- Tuesday, 10 November 2026 (earlier dates are disabled)
- Test card
- 4111 1111 1111 1111 · expiry 12/29 · CVV 123
- Declined card
- 4000 0000 0000 0002
- Existing booking
- PNR SW7K2Q · last name Verma
- Travellers
- Asha Verma (34, Female) · Rohan Verma (36, Male) · asha.verma@example.com · 9876543210
Playwright · Playwright Challenges · SkyWay