End to End testing with Playwright
summary
Live demo shows using Playwright to record a test in minutes against the Stackblitz site, opening a Vite project inside an iframe, editing code to set a counter to 5, clicking to increment to 10, copying the share URL and loading it in a new incognito browser context to verify changes. Playwright auto-waits for loading, generates an iframe locator, supports assertions (expect visible count === 10), and isolates tests so the end-to-end flow works reliably.
AI-written summary · about
chapters (9)
- 0:00Introduction to Playwright
- 1:50Live demo setup
- 3:13Recording a test
- 6:44Running test in UI mode
- 8:28Testing cross-browser contexts
- 10:15Adding assertions
- 12:43Debugging failed tests
- 14:05End-to-end user flow test
- 14:48Community and resources
related talks
17mTesting with Playwright in an AI-Assisted Development World
30mTesting Web Applications with Playwright
28mTesting Web Applications with Playwright
20mTesting Web Applications with Playwright
35mState of end-to-end testing for modern web applications
39mTesting Web Applications with Playwright
13mComponent Testing with Playwright for Vue
27mPlaying your tests wright