Add files via upload

Author: codewithmmak

README.md

@@ -1 +1,32 @@
-# playwright-reporters-demo
+---
+# 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")

assets/browser-config.png

@@ -0,0 +1,23 @@
+class MyReporter {
+    onBegin(config, suite) {
+        console.log(`======================================================`);
+        console.log(`Starting the run with ${suite.allTests().length} tests`);
+        console.log(`======================================================`);
+    }
+
+    onTestBegin(test) {
+        console.log(`Starting test ${test.title}`);
+    }
+
+    onTestEnd(test, result) {
+        console.log(`Finished test ${test.title}: ${result.status}`);
+    }
+
+    onEnd(result) {
+        console.log(`======================================================`);
+        console.log(`Finished the run: ${result.status}`);
+        console.log(`======================================================`);
+    }
+}
+
+module.exports = MyReporter;