dyad:debug-with-playwright
Installation
SKILL.md
Debug with Playwright Screenshots
Debug E2E tests by taking screenshots at key points to visually inspect application state.
Arguments
$ARGUMENTS: (Optional) Specific E2E test file to debug (e.g.,main.spec.tsore2e-tests/main.spec.ts). If not provided, will ask the user which test to debug.
Background
Dyad uses Electron + Playwright for E2E tests. Because Playwright's built-in screenshot: "on" option does NOT work with Electron (see https://github.com/microsoft/playwright/issues/8208), you must take screenshots manually via page.screenshot().
The test fixtures in e2e-tests/helpers/fixtures.ts already auto-capture a screenshot on test failure and attach it to the test report. But for debugging, you often need screenshots at specific points during test execution.
Instructions
- Identify the test to debug: