Playwright

Screenshots Commands

Capture screenshots during tests for debugging and visual documentation.

5 commands

Pro Tips

Use fullPage: true for full page screenshots

Screenshots are saved automatically on test failure

$ await page.screenshot({ path: 'screenshot.png', fullPage: true });

Capture full page screenshot.

$ await page.locator('.header').screenshot({ path: 'header.png' });

Screenshot specific element.

$ npx playwright test --screenshot=only-on-failure

Auto capture on test failure.

$ npx playwright test --screenshot=on

Capture screenshot for all tests.

$ await page.screenshot({ path: 'shot.png', omitBackground: true });

Screenshot with transparent bg.