Merge pull request #121 from HRanjan-11/main

added sample repo for merge test

Author: 4DvAnCeBoY

playwright-test-js-merge-test/README.md

@@ -0,0 +1,9 @@
+# Testing Playwright with JS on LambdaTest
+
+## Setup
+* Clone the repo. Run `cd playwright-test-js`
+* Install dependencies. Run `npm install`
+
+## Running your tests
+- To run a single test, run 
+ ```npm run test```

playwright-test-js-merge-test/lambdatest-desktop-setup.js

@@ -0,0 +1,39 @@
+/**
+ * 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, _android } = require('playwright')
+const cp = require('child_process');
+const playwrightClientVersion = cp.execSync('npx playwright --version').toString().trim().split(' ')[1];
+
+async function setupBrowser() {
+
+ const lambdatestCapabilities = {
+// Browsers allowed: `Chrome`, `MicrosoftEdge`, `pw-chromium`, `pw-firefox` and `pw-webkit`
+'browserName': 'Chrome',
+ 'browserVersion': 'latest',
+ 'LT:Options': {
+ 
+ 'video': true,
+ 'console': true,
+ 'tunnel': false, // Add tunnel configuration if testing locally hosted webpage
+ 'tunnelName': '', // Optional
+ 'idleTimeout': 1800,
+ 'user': process.env.LT_USERNAME,
+ 'accessKey': process.env.LT_ACCESS_KEY,
+ 'useSpecificBundleVersion': true,
+ 'platform': 'MacOs Ventura',
+ 'build': 'Playwright JS Build - Desktop',
+ 'name': 'Playwright Test',
+ 'network': false,
+ }
+ }
+ let device, context, browser, ltPage;
+ browser = await chromium.connect(`wss://cdp.lambdatest.com/playwright?capabilities=${encodeURIComponent(JSON.stringify(lambdatestCapabilities))}`)
+ ltPage = await browser.newPage()
+return ltPage;
+}
+
+module.exports = { setupBrowser };

playwright-test-js-merge-test/lambdatest-mobile-setup.js

@@ -0,0 +1,46 @@
+/**
+ * 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, _android } = require('playwright')
+const cp = require('child_process');
+const playwrightClientVersion = cp.execSync('npx playwright --version').toString().trim().split(' ')[1];
+
+async function setupBrowser() {
+
+ const lambdatestCapabilities = {
+ 'LT:Options': {
+ 'video': true,
+ 'console': true,
+ 'tunnel': false, // Add tunnel configuration if testing locally hosted webpage
+ 'tunnelName': '', // Optional
+ 'idleTimeout': 1800,
+ 
+ 'user': process.env.LT_USERNAME,
+ 'accessKey': process.env.LT_ACCESS_KEY,
+ 'useSpecificBundleVersion': true,
+ 'deviceName':".*",
+ 'platformVersion':".*",
+ 'platformName':'android',
+ 'build': 'Playwright JS Build - Mobile',
+ 'name': 'Playwright Test',
+ 'network': false,
+ 'isRealMobile': true,
+ }
+ }
+ let device, context, browser, ltPage;
+
+ device = await _android.connect(`wss://cdp.lambdatest.com/playwright?capabilities=${encodeURIComponent(JSON.stringify(lambdatestCapabilities))}`);
+ 
+ await device.shell("am force-stop com.android.chrome");
+ 
+ context = await device.launchBrowser();
+ 
+ context.setDefaultTimeout(51000);
+ ltPage = await context.newPage();
+ return ltPage;
+}
+
+module.exports = { setupBrowser };

playwright-test-js-merge-test/package.json

@@ -0,0 +1,19 @@
+{
+ "name": "playwright-test-suite",
+ "version": "1.0.0",
+ "author": "LambdaTest",
+ "engines": {
+ "node": ">=12.0.0"
+ },
+ "description": "Sample project to run playwright tests using playwright runner on LambdaTest platform",
+ "scripts": {
+ "test": "npx playwright test --config=./playwright.config.js",
+ "testAndroid": "npx playwright test --config=./playwrightAndroid.config.js"
+ },
+ "devDependencies": {
+ "@playwright/test": "1.42.1"
+ },
+ "dependencies": {
+ "playwright": "1.42.1"
+ }
+}

playwright-test-js-merge-test/playwright.config.js

@@ -0,0 +1,25 @@
+const { devices } = require('@playwright/test')
+
+// Playwright config to run tests on LambdaTest platform and local
+const config = {
+ testDir: 'tests',
+ testMatch: '**/*.spec.js',
+ timeout: 120000,
+ workers: 5,
+ use: {
+ },
+ projects: [
+ // -- LambdaTest Config --
+ // name in the format: browserName:browserVersion:platform@lambdatest
+ // Browsers allowed: `Chrome`, `MicrosoftEdge`, `pw-chromium`, `pw-firefox` and `pw-webkit`
+ // Use additional configuration options provided by Playwright if required: https://playwright.dev/docs/api/class-testconfig
+ {
+ name: 'chrome:latest:MacOs Monterey@lambdatest',
+ use: {
+ viewport: { width: 1280, height: 720 }
+ }
+ }
+ ]
+}
+
+module.exports = config

playwright-test-js-merge-test/playwrightAndroid.config.js

@@ -0,0 +1,20 @@
+const { devices } = require('@playwright/test')
+
+// Playwright config to run tests on LambdaTest platform and local
+const config = {
+ testDir: 'tests',
+ testMatch: '**/*.spec.js',
+ timeout: 120000,
+ workers: 4,
+ projects: [
+ // -- LambdaTest Config --
+ // name in the format: deviceName:platformVersion:platformName@lambdatest
+ // Use additional configuration options provided by Playwright if required: https://playwright.dev/docs/api/class-testconfig
+ {
+ name: '.*:.*:android@lambdatest',
+ use: {}
+ }
+ ]
+}
+
+module.exports = config

playwright-test-js-merge-test/tests/MobileGroup.spec.js

@@ -0,0 +1,69 @@
+const { test, expect } = require('@playwright/test');
+const { setupBrowser } = require('../lambdatest-mobile-setup')
+const { chromium, _android } = require('playwright');
+
+// test.describe.configure({ mode: 'parallel' });
+
+test.describe('Group 1', () => {
+ let browser;
+ let context;
+ let page;
+ let device;
+ let testInfoGlobal; 
+
+ test.beforeAll(async () => {
+
+ page = await setupBrowser();
+ });
+
+ test.afterAll(async () => {
+ 
+ if (testInfoGlobal) { 
+ const testStatus = {
+ action: 'setTestStatus',
+ arguments: {
+ status: testInfoGlobal.status,
+ remark: testInfoGlobal.error?.stack || testInfoGlobal.error?.message,
+ }
+ }
+ await page.evaluate(() => {},
+ `lambdatest_action: ${JSON.stringify(testStatus)}`)
+ }
+
+ await page?.close();
+ await context?.close();
+ await browser?.close();
+ await device?.close();
+ });
+
+ 
+ test('test 1 Search LambdaTest on DuckDuckGo', async ({},testInfo) => {
+ testInfoGlobal = testInfo;
+ await page.goto('https://duckduckgo.com')
+ let element = await page.locator("[name=\"q\"]");
+ await element.click();
+ await element.type("LambdaTest");
+ await element.press("Enter");
+ const title = await page.title()
+ 
+
+ console.log('Page title:: ', title)
+ // Use the expect API for assertions provided by playwright
+ expect(title).toEqual(expect.stringContaining('LambdaTest'))
+ })
+
+ test('test 2 Search LambdaTest on DuckDuckGo', async ({},testInfo) => {
+ testInfoGlobal = testInfo;
+ await page.goto('https://duckduckgo.com')
+ let element = await page.locator("[name=\"q\"]");
+ await element.click();
+ await element.type("LambdaTest");
+ await element.press("Enter");
+ const title = await page.title()
+ 
+
+ console.log('Page title:: ', title)
+ // Use the expect API for assertions provided by playwright
+ expect(title).toEqual(expect.stringContaining('LambdaTest'))
+ })
+});

playwright-test-js-merge-test/tests/desktopGroup.spec.js

@@ -0,0 +1,68 @@
+const { test, expect } = require('@playwright/test');
+const { chromium } = require('playwright');
+const { setupBrowser } = require('../lambdatest-desktop-setup')
+
+// test.describe.configure({ mode: 'parallel' });
+
+test.describe('Group 1', () => {
+ let browser;
+ let context;
+ let page;
+ let device;
+ let testInfoGlobal; 
+
+ test.beforeAll(async () => {
+ 
+ page = await setupBrowser();
+ });
+
+ test.afterAll(async () => {
+ if (testInfoGlobal) { 
+ const testStatus = {
+ action: 'setTestStatus',
+ arguments: {
+ status: testInfoGlobal.status,
+ remark: testInfoGlobal.error?.stack || testInfoGlobal.error?.message,
+ }
+ }
+ await page.evaluate(() => {},
+ `lambdatest_action: ${JSON.stringify(testStatus)}`)
+ }
+
+ await page?.close();
+ await context?.close();
+ await browser?.close();
+ await device?.close();
+ });
+
+ 
+ test('test 1 Search LambdaTest on DuckDuckGo', async ({},testInfo) => {
+ testInfoGlobal = testInfo;
+ await page.goto('https://duckduckgo.com')
+ let element = await page.locator("[name=\"q\"]");
+ await element.click();
+ await element.type("LambdaTest");
+ await element.press("Enter");
+ const title = await page.title()
+ 
+
+ console.log('Page title:: ', title)
+ // Use the expect API for assertions provided by playwright
+ expect(title).toEqual(expect.stringContaining('LambdaTest'))
+ })
+
+ test('test 2 Search LambdaTest on DuckDuckGo', async ({},testInfo) => {
+ testInfoGlobal = testInfo;
+ await page.goto('https://duckduckgo.com')
+ let element = await page.locator("[name=\"q\"]");
+ await element.click();
+ await element.type("LambdaTest");
+ await element.press("Enter");
+ const title = await page.title()
+ 
+
+ console.log('Page title:: ', title)
+ // Use the expect API for assertions provided by playwright
+ expect(title).toEqual(expect.stringContaining('LambdaTest'))
+ })
+});