Test like a pro with Playwright and GitHub Copilot

Join Debbie as she walks you through creating end-to-end tests using Playwright's powerful built-in code generator. Discover how to debug with Playwright's Trace Viewer and learn how to supercharge your testing workflow with AI. Watch as Debbie leverages GitHub Copilot, using targeted prompts to fix failing tests and even generate new ones seamlessly. Perfect for beginners and seasoned testers alike! 🔎 Chapters: 00:00 Testing your Web Application 00:23 Playwright 00:47 Generating a Playwright test with codegen 04:15 copilot prompt: use getByRole instead of body 04:48 copilot prompt: fix strict mode violation 05:20 copilot prompt: Change this to a list item that contains the text of both todos 06:50 copilot prompt: create a reusable locator 07:23 copilot prompt: create a better name for this test 07:44 copilot prompt: add inline comments 08:01 add files to context 08:18 copilot prompt: create another test that marks a todo as complete 09:27 copilot prompt: write another test that tests the all, active and completed filters 09:47 copilot prompt: use getByRole instead of text= 10:08 copilot prompt: use getByRole instead of CSS locators 11:54 copilot prompt: add a beforeEach hook 12:08 copilot prompt: move creation of todos to the beforeEach hook 12:32 copilot prompt: use filtering to get the checkbox from the first todo 13:23 copilot prompt: use filtering to only show list items that have the toggle 13:54 Test like a pro! 🔗 Link: https://playwright.dev/ Featuring: Debbie O'Brien 📲 Follow VS Code: X: https://x.com/code Bluesky: https://bsky.app/profile/vscode.dev LinkedIn: https://aka.ms/VSCode/LinkedIn GitHub: https://github.com/microsoft/vscode #playwright #vscode #code