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

Get started with end-to-end testing: Playwright | Episode 5 - Debugging Tests

Visual Studio Code
759K subscribers
<__slot-el>
<__slot-el>
12K views 1 year ago #playwright #vscode #playwrightdev
Let’s learn how to debug our failing test right in VS Code with live debugging and break points as well as debugging using the show trace option to see a full trace of our test. From the trace we can see a DOM snapshot of each action of our test and use the pick locator feature to ensure we are using the right locator for the element that’s failing. Playwright Series Playlist: https://aka.ms/playwright/get-started... Chapters: 00:00 In this episode 00:28 Debugging in VS Code 01:25 Locator docs https://playwright.dev/docs/locators 01:32 Setting Breakpoints 02:33 Using the Trace Viewer 05:12 Up Next: Running tests on CI Links: VS Code Extension: https://aka.ms/playwright-vscode Playwright docs VS Code: https://aka.ms/playwright/getting-sta... Playwright’s trace viewer: https://aka.ms/playwright/trace-viewer Playwright on Discord: https://aka.ms/playwright/discord #playwright #playwrightdev #vscode ...more
...more
Get started with end-to-end testing: Playwright | Episode 5 - Debugging Tests
Let’s learn how to debug our failing test right in VS Code with live debugging and break points as well as debugging using the show trace option to see a full trace of our test. From the trace we can see a DOM snapshot of each action of our test and use the pick locator feature to ensure we are using the right locator for the element that’s failing. Playwright Series Playlist: https://aka.ms/playwright/get-started... Chapters: 00:00 In this episode 00:28 Debugging in VS Code 01:25 Locator docs https://playwright.dev/docs/locators 01:32 Setting Breakpoints 02:33 Using the Trace Viewer 05:12 Up Next: Running tests on CI Links: VS Code Extension: https://aka.ms/playwright-vscode Playwright docs VS Code: https://aka.ms/playwright/getting-sta... Playwright’s trace viewer: https://aka.ms/playwright/trace-viewer Playwright on Discord: https://aka.ms/playwright/discord #playwright #playwrightdev #vscode

Follow along using the transcript.

Visual Studio Code

759K subscribers
Chat Replay is disabled for this Premiere.