How to debug Playwright end-to-end tests
AI Summary
This video by Checkly explains various methods for debugging Playwright end-to-end tests effectively. It covers debugging in different modes such as headed mode (visual browser), debug mode (native debug UI), and UI mode (interactive Playwright UI). The presenter demonstrates using “page.pause()” to pause tests and open the debugging UI for step-by-step inspection. It also highlights integration with the Playwright VS Code extension, allowing for breakpoints and debugging directly inside the editor while running tests with a visible browser. The video includes tips on combining Playwright UI mode with headed debugging and recommends Playwright UI mode for general debugging and VS Code extension for more complex scenarios. Lastly, it suggests using Checkly for monitoring web apps in CI/CD environments.