2.0.0 • Published 7 months ago
shotbro-playwright v2.0.0
ShotBro!
Sick of out of date screenshots in support sites and websites.
Generate them using PlayWright, annotate using ShotBro, them embed them in your support docs.
Getting Started
Already use Playwright?
npm install shotbro-playwrightAdd to your .gitignore:
shotbro-results/- In your local playwright test folder
- See examples/playwright-v1/playwright.config.ts
for how to add the
shotbro-playwrightreporter to your playwright config - Add calls to
shotBroPlaywrightin your tests, see examples/playwright-v1/tests/example.spec.ts.
- See examples/playwright-v1/playwright.config.ts
for how to add the
How does it work
During your tests call shotBroPlaywright, it will:
- Save a full page screenshot with element positions.
- An HTML page of shapes is generated with the full page screenshot as the background image.
- A screenshot of this is then taken.