e2e testing with Playwright

on YouTube ↗16m

" summary

Demo shows how Playwright installs Chromium/Firefox/WebKit via the VS Code extension, generates tests with codegen, and uses locators like getByRole/getByLabel (inspired by Testing Library) so assertions check accessibility. Configuration uses storageState and project dependencies to run a login setup once for multiple browser projects. UI surface runs via npx playwright test --ui, exposes a Trace Viewer-like timeline, UI Mode with time travel debugging and automatic watch-mode replays for fast locator picking and fixes.

AI-written summary · about

" chapters (7)

1. 0:00Introduction to Playwright
2. 1:08Installation and Setup
3. 2:23Locating elements
4. 3:57Test generation with Codegen
5. 5:50Project dependencies
6. 8:11UI mode and debugging
7. 14:13Community and resources

" related talks

• 20mTesting Web Applications with PlaywrightDebbie O'Brien · TestJS Summit 2022
• 51mTesting Web Applications with PlaywrightDebbie O'Brien · NDC Oslo 2022
• 30mTesting Web Applications with PlaywrightDebbie O'Brien · Nordic.js 2022
• 28mTesting Web Applications with PlaywrightDebbie O'Brien · vuejs.de Conf 2022
• 39mTesting Web Applications with PlaywrightDebbie O'Brien · Craft Conference 2022
• 20mComponent Testing with PlaywrightDebbie O'Brien · ViteConf 2022
• 41mTesting Web Applications with PlaywrightDebbie O'Brien · Build Stuff 2022
• 35mState of end-to-end testing for modern web applicationsVlad Filippov · REFACTOR DX 2023