Page through a carousel to reach a title
Medium45 pts~2 min
- Carousels
- Visibility
- Loops with exit conditions
- Scoped locators
Practice app · StreamFlix
A dark-themed streaming service: sign-in, a “Who's watching?” picker with a PIN-locked Kids profile, paged browse carousels with hover cards, title details with seasons, debounced search, My List, a video player with shortcuts and a Skip intro button, a trailer iframe and plan selection.
Your starter code already declares TEST_URL — never hardcode a host.
Objective
Saltwater Requiem sits on the last page of the Trending now carousel. Page the carousel with its Next arrow until the card is visible, then open its details.
Your task
- 1Open TEST_URL. You are signed in as Maya on the browse page.
- 2In the Trending now row (#row-trending), click Next (#row-trending-next) until #row-trending-page reads “Page 3 of 3”.
- 3Wait for the Saltwater Requiem card ([data-testid="title-card"][data-title-id="saltwater-requiem"]) to become visible.
- 4Click the card's artwork (.card-open) to open the details dialog.
- 5Assert #title-modal-name reads “Saltwater Requiem”.
Acceptance criteria
- The Trending now row is on page 3 of 3.
- The Saltwater Requiem card is visible in the row.
- The details dialog for Saltwater Requiem is open.
- The test makes at least two assertions.
Fixtures
- viewer@streamflix.test
- Password
- Stream@2026
- Profiles
- Maya · Leo · Kids (PIN locked)
- Kids PIN
- 2580
- Plans
- Basic $7.99 · Standard $15.49 (current) · Premium $22.99 per month
- Featured series
- Northbound Signal (3 seasons: 6, 8 and 4 episodes)
Playwright · Playwright Challenges · StreamFlix