Create, Run and Deploy end-to-end tests with Playwright and GitHub Actions

on YouTube ↗10m

" summary

Demos Playwright writing a browser E2E that searches a site, adds two Xbox controllers, removes one, then changes an assertion so the test fails then passes; assertions still require manual edits (auto-assertion generation is upcoming). Shows the VS Code codegen recorder creating locators, the UI mode trace viewer and DOM snapshots for step‑by‑step debugging and a pick‑locator tool, and CI with GitHub Actions sharding across machines plus merge reporting and downloadable traces.

AI-written summary · about

" chapters (5)

1. 0:00Introduction to Playwright
2. 0:34Generating tests with Codegen
3. 4:07Debugging in UI mode
4. 8:36Deployment and CI/CD
5. 9:52Community and conclusion

" related talks

• 51mTesting Web Applications with PlaywrightDebbie O'Brien · NDC Oslo 2022
• 20mTesting Web Applications with PlaywrightDebbie O'Brien · TestJS Summit 2022
• 17mTesting with Playwright in an AI-Assisted Development WorldDebbie O'Brien · Frontend Nation 2024
• 28mTesting Web Applications with PlaywrightDebbie O'Brien · vuejs.de Conf 2022
• 30mTesting Web Applications with PlaywrightDebbie O'Brien · Nordic.js 2022
• 24mPlaying your tests wrightDebbie O'Brien · Vuejs Amsterdam 2023
• 41mTesting Web Applications with PlaywrightDebbie O'Brien · Build Stuff 2022
• 16me2e testing with PlaywrightDebbie O'Brien · Microsoft Build 2023