Playwright
  • Introduction
    • Playwright With TS
  • Automation the right things with Playwright
  • Setup
    • Setting Up Your Environment
    • Typescript fundamental
    • Setup Playwright TS Project in VS code
    • Record and Playback with Code Generation using VS Code Playwright Extension
    • Record and Playback using Playwright Codegen with Inspector
  • Playwright config file
  • Implement Test Cases
    • Open Browser
    • Fake Geolocation
    • Form Authentication
    • Checkboxes
    • Dropdown
    • Hyperlink
    • Web Table
    • Drag Drop
    • Frame
    • Horizontal Slide
    • Context Click - Right Click
  • Hover
  • Take Screenshot
  • Automatic screenshots on failure:
  • Page Object Model
    • Understanding the Page Object Model pattern
  • Implementing POM with Login Page
  • Combine POM with Playwright Fixture
  • API Testing
    • API Docs
  • GET
  • API POST
  • PUT
  • DELETE
  • CI/CD And Reporting
    • Setup Allure Report
    • Run in Github Actions
  • Playwright & AI
    • Debug & Generate Playwright Tests with AI
Powered by GitBook
On this page
  1. CI/CD And Reporting

Setup Allure Report

1. Make sure Allure Report is installed. If it's not, follow the installation [instructions(https://allurereport.org/docs/install/). Note that Allure Report requires Java.

  1. Install the Allure Playwright adapter and make sure that the Playwright framework itself is also listed in the project's dependencies.

npm install --save-dev @playwright/test allure-playwright
  1. In the playwright.config.ts file, add Allure Playwright as a reporter.

export default defineConfig({
  // ...
  reporter: [["line"], ["allure-playwright"]],
});
  1. Run Test

npx playwright test
  1. Generate a report

Finally, run Allure to convert the test results into an HTML report. This will automatically open your browser to view the report.

allure serve allure-results
PreviousDELETENextRun in Github Actions

Last updated 15 days ago