Docs · Quick start
Quick start
Get your Playwright tests reporting to Exolar QA in under 5 minutes. Follow these steps to start seeing your test results in the dashboard.
Prerequisites
- A Playwright test project
- GitHub repository with Actions enabled
- An Exolar QA account (sign up free at the dashboard)
Get Your API Key
Create an API key to authenticate your CI pipeline with Exolar QA.
- Go to Settings → API Keys
- Click "Create API Key"
- Give it a descriptive name (e.g., "GitHub Actions")
- Copy the key (it starts with
exolar_)
Save your API key securely. It will only be shown once. If you lose it, you'll need to create a new one.
Install the Reporter
Add the Exolar QA Playwright reporter to your project:
npm install -D @exolar-qa/playwright-reporterOr with yarn/pnpm:
yarn add -D @exolar-qa/playwright-reporter
# or
pnpm add -D @exolar-qa/playwright-reporterConfigure Playwright
Add the reporter to your playwright.config.ts:
// playwright.config.ts
import { defineConfig } from "@playwright/test";
import { exolar } from "@exolar-qa/playwright-reporter";
export default defineConfig({
reporter: [
["html"],
[exolar, {
apiKey: process.env.EXOLAR_API_KEY,
}]
],
use: {
screenshot: "only-on-failure",
video: "retain-on-failure",
trace: "retain-on-failure",
},
});Add GitHub Secret
Add your API key to GitHub repository secrets:
- Go to your GitHub repository
- Click Settings → Secrets and variables → Actions
- Click "New repository secret"
- Name:
EXOLAR_API_KEY - Value: Paste your API key from Step 1
Update GitHub Actions
Pass the API key to your test workflow:
# .github/workflows/playwright.yml
name: Playwright Tests
on: [push, 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 chromium
- run: npx playwright test
env:
EXOLAR_API_KEY: ${{ secrets.EXOLAR_API_KEY }}Enable CI Auto-Analysis (Optional)
Let Exolar automatically classify failures and open fix PRs when your CI run fails.
- Go to Settings → Webhooks and add your endpoint URL
- Subscribe to the
ci.run.failedevent - Copy the generated HMAC secret and store it securely
- Add
autoDetectTicketandautoHealoptions to your reporter config (see CI Auto-Analysis docs)
# Verify webhook delivery in Settings > Webhooks > Recent Deliveries
# A ping event is sent immediately after saving the webhookDone! Run Your Tests
Push a commit to trigger your workflow. After the tests run, you'll see results appear in your Exolar QA dashboard within seconds.
Verify it's working
Check your GitHub Actions logs for these messages:
[Exolar] Initialized - will send results to dashboard
[Exolar] Sending 15 results to dashboard...
[Exolar] Results sent successfully - execution_id: 123