PLAYWRIGHT PRACTICE / FLIGHT BOOKING

Take your tests
for a spin.

Search flights, follow a booking journey, and explore real elements you can locate in Playwright.

Illustration of a plane flying between two destinationsDEMO BOOKING FLOW ⓘExplore. Locate. Assert.Use this app as your test subject.

THE PRACTICE APP

Find your flight

01 / SEARCH
Trip type

LOCATOR LAB

One page. Many ways to locate.

Try the booking flow first, then use these targets to practice each locator.

getByRole · getByLabel

Accessible controls

The Search Flights button and labeled form fields are ready for user-facing locators.

getByPlaceholder

A helpful hint

Find the optional trip reference using its “e.g. QA123” placeholder.

getByAltText · getByTitle

Visual and detail

Locate the plane illustration by its alternative text and the demo note by its title.

getByText · getByTestId

Content and contracts

Check the results message or target the results region through its test ID.

page.locator()

Structured results

Use a CSS selector to target a specific row in the available flights table.

frameLocator()

Inside an iframe

The travel advisory below is embedded in a separate frame. Find and acknowledge it.

This is a demo app. No real flights are booked and no payment is collected.