| Labs

Playwright logo

Playwright Extension for Azure DevOps

Bring your Playwright test results to life within Azure DevOps. View detailed test steps, videos, screenshots, and outputs, all in a sleek, integrated panel with native look and feel.

Playwright Azure DevOps Extension
Reporting Made Easy

Showing your Playwright integration suite results in a familiar Azure DevOps UI.

Seamless Experience

Enjoy a consistent, Azure DevOps-styled panel with full theme support for light or dark modes.

Private and Secure

Works only with build artifacts, ensuring your test results are kept private and secure. No external services are used.

Visualize Your Tests

View video playback and screenshots, making it easy to identify issues and debug your tests.

Screenshots

Learn more about the Playwright report extension for Azure DevOps

View the top-level test steps in a clear and easy-to-read format, providing a comprehensive overview of your Playwright tests.

Initial View

Drill down into the details with child test steps, allowing for in-depth analysis of your test execution.

Detailed Steps

Switch between light and dark themes to match your preferences or project style while viewing Playwright reports.

Light/Dark Theme

Monitor test statuses (Passed, Failed, Warning) for each step, helping you easily track the health of your tests.

Test Statuses

Features

FeaturesFreePRO*Enterprise
Basic Test Report
Native Azure DevOps UI
Expandable Test Details
Error Messages & Stack Traces
Execution Time Analysis
Video Playback
Screenshots
Custom Report Views
Code Snippets in reports
Previous Run Comparisons
Trend & History Tracking
Flaky Test Detection

* For open source projects - you get paid features for free.

Pricing

PRO Annual
PRO Lifetime
Enterprise
Basic Annual Subscription
49.99 $


Unlimited repositories & pipelines
Up to 5 users

Team Annual Subscription
99.99 $


Unlimited repositories & pipelines
Up to 25 users

Company Annual Subscription
299.99 $


Unlimited repositories & pipelines
Unlimited users

Basic Lifetime License
149.99 $


Unlimited repositories & pipelines
Up to 5 users

Team Lifetime License
299.99 $


Unlimited repositories & pipelines
Up to 25 users

Company Lifetime License
999.99 $


Unlimited repositories & pipelines
Unlimited users

Playwright
Enterprise License
Join the waitlist to get notified when the Enterprise License is available.

FAQs

Playwright is library for automating browsers. It enables cross-browser web automation that is ever-green, capable, reliable, and fast. Playwright is built to automate the broad and growing set of web browser capabilities used by modern web apps.

Azure DevOps is a set of services for teams to share code, track work, and ship software; it provides version control, reporting, requirements management, project management, automated builds, testing, and release management capabilities.

The Playwright report extension for Azure DevOps is a tool that integrates Playwright test reports directly into the Azure DevOps interface. It provides a familiar UI for viewing test results, including test steps, videos, screenshots, and outputs.

The extension works by parsing the Playwright test artifacts generated during test execution. It then displays the test results in a user-friendly format within the Azure DevOps interface, allowing you to easily view and analyze the test output.

The extension displays the status of each test, including 'Passed', 'Failed', and 'Partially Failed', so you can easily track the health of your tests. Failed tests will be highlighted in red, making it simple to spot issues that need attention.

No, the extension works entirely with your build artifact and does not transmit any data externally. Your test results are kept private and are only displayed within the Azure DevOps interface.

How to Set Up Playwright Extension

  1. Download Playwright extension from Marketplace

    Go to Playwright extension page on the AzureDevOps Marketplace and click "Get it" to install it.

  2. Add UploadPlaywrightReport task to your Azure Pipeline
    
- task: UploadPlaywrightReport@1
  inputs:
    reportPath: blob-report/report.zip  // Replace with your path
  3. Run build with Playwright

    Ensure that Playwright is installed and set up in your project. Then, include the following reporter configuration in your Playwright configuration file:

    
reporter: [["blob"]]
  4. View Playwright report tab after the build

    Once the build completes, you’ll see a new tab dedicated to Playwright reports with test results, videos, screenshots, and other outputs.