https://github.com/codewithmmak/playwright-reporters-demo

This is a test automation framework designed using Playwright to demonstrate different reporter
https://github.com/codewithmmak/playwright-reporters-demo

allure-report allure-reporting javascript lambdatest lambdatest-playwright monocart node playwright-javascript playwright-tests rimraf

Last synced: 3 months ago
JSON representation

This is a test automation framework designed using Playwright to demonstrate different reporter

• Host: GitHub
• URL: https://github.com/codewithmmak/playwright-reporters-demo
• Owner: codewithmmak
• Created: 2023-01-22T18:37:43.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2023-12-15T02:39:47.000Z (almost 2 years ago)
• Last Synced: 2023-12-15T03:53:37.608Z (almost 2 years ago)
• Topics: allure-report, allure-reporting, javascript, lambdatest, lambdatest-playwright, monocart, node, playwright-javascript, playwright-tests, rimraf
• Language: JavaScript
• Homepage:
• Size: 2.11 MB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
---

# Playwright Reporting Demo Setup Guide

---

## Features of this framework

* Playwright Reporting

* [Reporting: Allure](https://www.npmjs.com/package/allure-playwright)

* [Cloud Integration: LambdaTest](http://www.lambdatest.com?fp_ref=md-moeen-ajaz40)

## Getting started

### Pre-requisites

* Download and install Node.js

* Download and install any Text Editor like Visual Code/Sublime/Brackets

### Setup Visual Code

* Install GitLens Extension from the Marketplace: `GitLens — Git supercharged by GitKraken https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens`

* Go to Visual Code Preference > Setting and search `formatOnSave` and enable/ON it.

### Setup Scripts 

* Clone the repository into a folder

* Go to Project root directory and install Dependency: `npm install`

* All the dependencies from package.json would be installed in node_modules folder.

## How to Run Test Locally

* Go to the Project root directory and run command: `npm test`

## How to view default Playwright HTML report

* Go to the Project root directory: `./playwright-report/index.html`

### Playwright HTML Test Report

![Playwright HTML Test Report](./assets/html-test-report.PNG?raw=true "Playwright HTML Test Report")

## How to view Allure HTML report

* Go to the Project root directory and run command: `npm run allure-reporter` and then run `npm run generate-allure-report`

* Go to the Project root directory: `./allure-report/index.html`

### Allure Test Report

![Allure Test Report](./assets/allure-test-report.png?raw=true "Allure Test Report")

![Allure Test Report Expanded View](./assets/allure-test-report-expanded-view.png?raw=true "Allure Test Report Expanded View")

## How to Run Test on LambdaTest Cloud

* Go to Project root directory and run command: `npm run lambdatest`

### Terminal Test Result

![Terminal Test Result](./assets/terminal-lt.PNG?raw=true "Terminal Test Result")

### LambdaTest Cloud Results

![LambdaTest Cloud Results](./assets/lambdatest-results.png?raw=true "LambdaTest Cloud Results")

![LambdaTest Cloud Results Expanded View](./assets/lambdatest-results-expanded-view.png?raw=true "LambdaTest Cloud Results Expanded View")