Playwright Tutorial | Allure Report in Playwright with Screenshot, Videos, Trace Viewer and Retries

Allure Reporting in Playwright
Allure Report for Playwright
How to Generate Allure Reports In Playwright Automatically With Screenshot
Allure Reporting for Playwright - A comprehensive all-in-one test report
Playwright with Javascript | How to Generate Allure Reports
Playwright Allure Report | Playwright Tutorial

#playwright #typescript #javascript #tutorial #automation #testing #coding #selenium #cypress
playwright, playwright tutorial, playwright testing

===============================================================================

Chapters

00:00 - Introduction Allure Report in Playwright
01:28 - Installation of allure-playwright package
03:52 - Generate Allure Result Files through command line with Playwright
15:15 - Generate Allure Result Files through Playwright Config file
21:07 - Generate Allure Report files in Playwright
24:55 - Open Allure Report in Playwright
27:13 - Alternate way to generate and Open Allure report in Playwright
31:28 - Read Allure Report generated by Playwright
40:13 - Screenshot, Videos, Traces & Retries information in Allure Report in Playwright
43:20 - Use of --clean to generate Playwright Allure Report files
49:54 - Multiple Reporter generation with Allure report in Playwright
53:26 - Recap

================================================================================

============================================================================================================

Playwright with TypeScript | Allure Report in Playwright with Screenshot, Videos, Trace Viewer and Retries

By integrating Allure with Playwright, users can leverage Allure's powerful reporting capabilities to enhance the visibility and analysis of their test results.

1 - Installation of allure-playwright package -
npm install allure-playwright

2 - Generate Allure Result files -

Generate Allure Result files through command line -

Generate result files in default allure-results folder -
npx playwright test --reporter=allure-playwright

Generate result files in specified folder -

CMD or command prompt (for Windows) -
set ALLURE_RESULTS_DIR=ResultFolderName
npx playwright test —reporter=allure-playwright

Powershell Terminal (for Windows) -
$env:ALLURE_RESULTS_DIR=”ResultFolderName”; npx playwright test --reporter=allure-playwright

Bash Terminal (for Mac / Linux) -
ALLURE_RESULTS_DIR=ResultFolderName npx playwright test --reporter=allure-playwright

Generate result files in default allure-results folder -
reporter:”allure-playwright”

Generate result files in specified folder -
Reporter:[[”allure-playwright”, {outputFolder : ResultFolderName}]]

3 - Generate Allure Report files -

Generate Allure Report files-

Generate Report files in default allure-report folder
allure generate ResultFolderNam --clean

Generate Report files in specified folder -
allure generate ResultFolderName -o ReportFolderName --clean

Note - To Overwrite the old report files it’s better to add --clean at the end , when you are generating report files from results files.

4 - Open Allure Report from Report Files -
allure open ReportFolderName

Alternate Step - Generate Allure Report files and Open Report in single command (Skip Step 3 and 4)
allure serve ResultFolderName

Other Points -
We need to set values for screenshot, video, trace keys in the playwright config file to show it with allure report.
On Adding retries values more than zero in playwright config file, retries execution details will appear with allure report.

If you Just Intrestred in generating Allure Report . Just provide below command -
1 - Install Playwright (Require Only first time for setup) - npm install allure-playwright
2 - Generate Allure Results files - npx playwright test --reporter=allure-playwright
3 - Generate Allure Report files and Open Report - allure serve allure-results

===================================================
Credits:
Subscribe Button Animation: pixabay - YRDesigns
Thumbnail and Other art Creation App: Canva

[WishInfinite]

**Note - Install allure-playwright and allure-commandline package as Pre-requisite (User Below 2 commands)-
npm install allure-playwright
npm install -g allure-commandline --save-dev

[saurabhagrawal]

can we use Extent report instead of Allure report. if yes can you create 1 video for the same.