Playwright BDD Report

Review playwright-bdd test reports right inside Azure Pipelines. Publish the report from your pipeline, open the run, and select the Playwright BDD tab. You don't have to download or unzip any artifacts.

What you get

A pipeline task (PublishPlaywrightBddReport@1) that attaches your HTML report to the run.
A "Playwright BDD" tab on the run page that renders the report: features, scenarios, steps, errors, and screenshots.
Traces in one click. View trace opens the trace in the Playwright Trace Viewer. The trace goes straight from your browser to the viewer, and nothing is saved to disk.
Works with the Cucumber HTML report (cucumberReporter('html')) and with Playwright's HTML report. Publish both and switch between them in the tab.

Get started

Configure the playwright-bdd HTML reporter in playwright.config.ts:

import { defineConfig } from '@playwright/test';
import { defineBddConfig, cucumberReporter } from 'playwright-bdd';

const testDir = defineBddConfig({ features: 'features/*.feature', steps: 'steps/*.ts' });

export default defineConfig({
  testDir,
  reporter: [cucumberReporter('html', { outputFile: 'cucumber-report/index.html', externalAttachments: true })],
  use: { screenshot: 'only-on-failure', trace: 'retain-on-failure' },
});

Add the task after your test step:

- script: npx bddgen && npx playwright test
  displayName: Run tests

- task: PublishPlaywrightBddReport@1
  condition: succeededOrFailed()   # publish the report when tests fail too
  inputs:
    reportDir: cucumber-report

Run the pipeline, open the run, and select the Playwright BDD tab.

Task inputs

Input	Default	Description
`reportDir`	`cucumber-report`	Folder that contains the report. Relative to `$(System.DefaultWorkingDirectory)`.
`entryFile`	`index.html`	Page to open first.
`reportName`	job name	Name in the tab's report picker. Give each report its own name if one job publishes several.
`ifMissing`	`warn`	`warn`, `error` or `ignore` when the report folder is missing.

Notes

Multiple jobs and reports. Each published report appears in the tab's picker. Reports with the same name from different jobs (for example, matrix jobs) are labelled with their job name.
Runs in progress. The tab checks for new reports every few seconds until the run completes.
Permissions. The extension only asks for Build (read) to read the reports attached to a run.
externalAttachments: true keeps the report small and fast to load. It is also required for View trace links in the Cucumber report.

Privacy

The extension has no telemetry. Reports are downloaded from your Azure DevOps organization and unpacked in your browser. View trace sends that trace to the Playwright Trace Viewer, and only when you click it.

Built for free by Shko Online

Playwright BDD Report is built and maintained for free by Shko Online, a Microsoft Business Applications consultancy in Tirana, Albania. We build Azure DevOps extensions, pipelines and test automation, and deliver Dynamics 365, Power Platform and Azure projects.

Need a feature, or help with your next project? Book a consultation or write to sales@shko.online.