Play the trailer inside an iframe
Medium50 pts~2 min
- Iframes
- Context switching
- Cross-frame messages
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
The Lanternfall trailer plays in an embedded frame with its own controls. Start it from inside the frame and verify both the frame and the main page report that it is playing.
Your task
- 1Open TEST_URL. You are signed in as Maya on the browse page.
- 2Scroll to the Trailer spotlight and switch into the iframe #trailer-frame.
- 3Click Play (#trailer-play) inside the frame and assert #trailer-status starts with “Playing”.
- 4Switch back to the main page.
- 5Assert #trailer-state reads “Trailer playing”.
Acceptance criteria
- The trailer is playing inside the frame.
- The main page shows “Trailer playing”.
- 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