Episode
Debugging tests with Playwright
with Debbie O'Brien
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.
Chapters
- 00:00 - In this episode
- 00:28 - Debugging in VS Code
- 01:25 - Locator docs
- 01:32 - Setting Breakpoints
- 02:33 - Using the Trace Viewer
- 05:12 - Up Next: Running tests on CI
Recommended resources
- Playwright documentation
- VS Code Extension
- Playwright docs VS Code
- Playwright trace viewer
- Playwright on Discord
Related episodes
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.
Chapters
- 00:00 - In this episode
- 00:28 - Debugging in VS Code
- 01:25 - Locator docs
- 01:32 - Setting Breakpoints
- 02:33 - Using the Trace Viewer
- 05:12 - Up Next: Running tests on CI
Recommended resources
- Playwright documentation
- VS Code Extension
- Playwright docs VS Code
- Playwright trace viewer
- Playwright on Discord
Related episodes
Have feedback? Submit an issue here.