Testing Web Applications with Playwright

on YouTube ↗28m

" summary

Playwright claims reliable end‑to‑end and component testing across Chromium Firefox and WebKit with one API and parallel runs out of the box, plus GitHub Actions support. VS Code extension installs browsers and scaffolds tests, offers a test sidebar and pick selector tool. Codegen records interactions and emits JavaScript TypeScript .NET Java or Python tests that need light cleanup and web‑first assertions like await expect. Component testing mounts Vue components via Vite, imports main CSS, produces trace ZIPs (--trace) and HTML reports for CI debugging.

AI-written summary · about

" chapters (11)

1. 0:00Introduction to Playwright
2. 2:08Testing goals
3. 3:26VS Code extension setup
4. 5:52Debugging tests
5. 7:12Locators and picking
6. 9:44Web first assertions
7. 10:34CodeGen for test generation
8. 14:32Component testing
9. 20:08Component testing technicals
10. 21:59Reports and tracing
11. 25:17CI and concluding thoughts

" related talks

• 51mTesting Web Applications with PlaywrightDebbie O'Brien · NDC Oslo 2022
• 30mTesting Web Applications with PlaywrightDebbie O'Brien · Nordic.js 2022
• 20mComponent Testing with PlaywrightDebbie O'Brien · ViteConf 2022
• 20mTesting Web Applications with PlaywrightDebbie O'Brien · TestJS Summit 2022
• 13mComponent Testing with Playwright for VueDebbie O'Brien · Vueconf.US 2022
• 39mTesting Web Applications with PlaywrightDebbie O'Brien · Craft Conference 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