Add a Playwright CI debugger to your repo without changing how your team runs Playwright.
Install one package, wrap your config once, keep running `npx playwright test`. The next failing run generates a shareable debugging link with the evidence and next step automatically.
Run `npm install -D @sentinelqa/playwright-reporter`.
Add the reporter to your existing Playwright repo. No extra service wrapper.
Import `withSentinel(...)` and wrap your existing `playwright.config.ts`.
Keep your current test command. Sentinel hooks into the run and uploads automatically.
Push to CI or run `npx playwright test` like you already do.
On the next failure, you get a shareable report with screenshots, video, logs, traces, and grouped failures.
Two install paths. Same output.
If you already run Playwright in CI, you are basically done. Use the npm path if you want the shortest install. Use the GitHub Actions path if you want the exact workflow snippet too.
npm install -D @sentinelqa/playwright-reporterimport { defineConfig } from "@playwright/test";
import { withSentinel } from "@sentinelqa/playwright-reporter";
export default withSentinel(
defineConfig({
reporter: [["line"]],
outputDir: "test-results",
use: {
trace: "retain-on-failure",
screenshot: "only-on-failure",
video: "retain-on-failure"
}
}),
{
project: "my-app"
}
);name: playwright
on:
push:
branches: [main]
pull_request:
jobs:
test:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v4
- uses: actions/setup-node@v4
with:
node-version: 20
- run: npm ci
- run: npx playwright install --with-deps
- run: npx playwright test