Sign in to confirm you’re not a bot
This helps protect our community. Learn more

Test like a pro with Playwright and GitHub Copilot

Visual Studio Code
753K subscribers
<__slot-el>
<__slot-el>
20K views 4 months ago #playwright #vscode #code
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 cop …...more
...more

Testing your Web Application

0:00

Playwright

0:23

Generating a Playwright test with codegen

0:47

copilot prompt: use getByRole instead of body

4:15

copilot prompt: fix strict mode violation

4:48

copilot prompt: Change this to a list item that contains the text of both todos

5:20

copilot prompt: create a reusable locator

6:50

copilot prompt: create a better name for this test

7:23

copilot prompt: add inline comments

7:44

add files to context

8:01

copilot prompt: create another test that marks a todo as complete

8:18

copilot prompt: write another test that tests the all, active and completed filters

9:27

copilot prompt: use getByRole instead of text

9:47

copilot prompt: use getByRole instead of CSS locators

10:08

copilot prompt: add a beforeEach hook

11:54

copilot prompt: move creation of todos to the beforeEach hook

12:08

copilot prompt: use filtering to get the checkbox from the first todo

12:32

copilot prompt: use filtering to only show list items that have the toggle

13:23

Test like a pro!

13:54
Test like a pro with Playwright and GitHub Copilot
517Likes
20,567Views
Nov 252024
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 #playwright #vscode #code

Follow along using the transcript.

Visual Studio Code

753K subscribers