Add files via upload

Author: codewithmmak

README.md

@@ -0,0 +1,46 @@
+---
+# WebdriverIO Assertions Demo Setup Guide
+---
+
+## Features of this framework
+* Expect in WebdriverIO (Assertions)
+* [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 - optional
+* Install GitLens Extension from the Marketplace: `GitLens — Git supercharged by GitKraken https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens`
+* Install Material Icon Theme Extension from the Marketplace: `Material Icon Theme by Philipp Kief https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme`
+* 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 run wdio`
+
+## How to Run Single Spec Locally
+* Go to the Project root directory and run command: `npm run wdio wdio.conf.js --spec ./test/specs/to-have-url.e2e.js`
+
+### How to view default Playwright HTML report
+* Go to the Project root directory: `./playwright-report/index.html`
+
+### Playwright Default HTML Test Report
+![Playwright Default HTML Test Report](./assets/html-test-report.PNG?raw=true "Playwright Default HTML Test Report")
+
+## 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")

lambdatest-setup.js

@@ -0,0 +1,70 @@
+/**
+ * Add the file in your test suite to run tests on LambdaTest.
+ * Import `test` object from this file in the tests.
+ */
+const base = require('@playwright/test')
+const path = require('path')
+const { chromium } = require('playwright')
+const cp = require('child_process');
+const playwrightClientVersion = cp.execSync('npx playwright --version').toString().trim().split(' ')[1];
+
+// LambdaTest capabilities
+const capabilities = {
+    'LT:Options': {
+        'build': `Playwright Build - ${new Date().toJSON()}`,
+        'name': 'Playwright Test',
+        'user': process.env.LT_USERNAME,
+        'accessKey': process.env.LT_ACCESS_KEY,
+        'network': true,
+        'video': true,
+        'console': true,
+        'tunnel': false, // Add tunnel configuration if testing locally hosted webpage
+        'tunnelName': '', // Optional
+        'geoLocation': '', // country code can be fetched from https://www.lambdatest.com/capabilities-generator/
+        'playwrightClientVersion': playwrightClientVersion
+    }
+}
+
+// Patching the capabilities dynamically according to the project name.
+const modifyCapabilities = (configName, testName) => {
+    let config = configName.split('@lambdatest')[0]
+    let [browserName, browserVersion, platform] = config.split(':')
+    capabilities.browserName = browserName ? browserName : capabilities.browserName
+    capabilities.browserVersion = browserVersion ? browserVersion : capabilities.browserVersion
+    capabilities['LT:Options']['platform'] = platform ? platform : capabilities['LT:Options']['platform']
+    capabilities['LT:Options']['name'] = testName
+}
+
+const getErrorMessage = (obj, keys) => keys.reduce((obj, key) => (typeof obj == 'object' ? obj[key] : undefined), obj)
+
+exports.test = base.test.extend({
+    page: async ({ page, playwright }, use, testInfo) => {
+        // Configure LambdaTest platform for cross-browser testing
+        let fileName = testInfo.file.split(path.sep).pop()
+        if (testInfo.project.name.match(/lambdatest/)) {
+            modifyCapabilities(testInfo.project.name, `${testInfo.title} - ${fileName}`)
+
+            const browser = await chromium.connect({
+                wsEndpoint: `wss://cdp.lambdatest.com/playwright?capabilities=${encodeURIComponent(JSON.stringify(capabilities))}`
+            })
+
+            const ltPage = await browser.newPage(testInfo.project.use)
+            await use(ltPage)
+
+            const testStatus = {
+                action: 'setTestStatus',
+                arguments: {
+                    status: testInfo.status,
+                    remark: getErrorMessage(testInfo, ['error', 'message'])
+                }
+            }
+            await ltPage.evaluate(() => { },
+                `lambdatest_action: ${JSON.stringify(testStatus)}`)
+            await ltPage.close()
+            await browser.close()
+        } else {
+            // Run tests in local in case of local config provided
+            await use(page)
+        }
+    }
+})