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.
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.
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.
Drill down into the details with child test steps, allowing for in-depth analysis of your test execution.
Switch between light and dark themes to match your preferences or project style while viewing Playwright reports.
Monitor test statuses (Passed, Failed, Warning) for each step, helping you easily track the health of your tests.
Features
| Features | Free | 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 |
FAQs
How to Set Up Playwright Extension
- Download Playwright extension from Marketplace
Go to Playwright extension page on the AzureDevOps Marketplace and click "Get it" to install it.
- Add
UploadPlaywrightReporttask to your Azure Pipeline- task: UploadPlaywrightReport@1 inputs: reportPath: blob-report/report.zip // Replace with your path - 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"]] - 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.