Updated with the latest playwright version

Removed few capabilities
Added latest Playwright version

Author: somebodysmokein

.gitignore

@@ -2,3 +2,5 @@ node_modules
 playwright-report
 local.log
 local.log
+package-lock.json
+local.log

fixture.js

@@ -90,7 +90,7 @@ exports.test = base.test.extend({
                 delete caps.osVersion;
                 delete caps.deviceName;
                 delete caps.realMobile;
-                delete caps.os_version;
+                //delete caps.os_version;
 
                 const vBrowser = await playwright.chromium.connect({
                     wsEndpoint:

package.json

@@ -6,15 +6,15 @@
   "scripts": {
     "sample-local-test": "BROWSERSTACK_LOCAL=true npx playwright test tests/local_test.js",
     "sample-test": "npx playwright test tests/sample_test.js",
-    "mobile-test": "npx playwright test tests/sample_test.js --project='chrome@Samsung Galaxy S22:13@browserstack'"
+    "mobile-test": "npx playwright test tests/sample_test.js --project='chrome@Samsung Galaxy S23:13@browserstack'"
   },
   "keywords": [],
   "author": "",
   "license": "ISC",
   "devDependencies": {
-    "@playwright/test": "^1.29.1",
+    "@playwright/test": "^1.34.3",
     "browserstack-local": "^1.5.1",
-    "playwright": "1.29.1",
+    "playwright": "1.34.3",
     "prettier": "2.8.8"
   }
 }

playwright.config.js

@@ -1,7 +1,6 @@
 // @ts-check
 const { devices } = require("@playwright/test");
 
-
 /**
  * Read environment variables from file.
  * https://github.com/motdotla/dotenv
@@ -19,7 +18,7 @@ const config = {
   // Use globalSetup & globalTearedown only if browserstack.local = true
   globalSetup: require.resolve("./global-setup"),
   globalTeardown: require.resolve("./global-teardown"),
-  
+
   /* Maximum time one test can run for. */
   timeout: 90 * 1000,
   expect: {
@@ -52,44 +51,22 @@ const config = {
 
   /* Configure projects for major browsers */
   projects: [
-
-    {
-      name: 'chrome@latest:Windows 10@browserstack',
-      use: {
-        browserName: 'chromium',
-        channel: 'chrome'
-      },
-    },
     {
-      name: 'chrome@latest-beta:OSX Big Sur@browserstack',
+      name: "chrome@latest:Windows 11@browserstack",
       use: {
-        browserName: 'chromium',
-        channel: 'chrome',
-      },
-    },
-    {
-      name: 'edge@90:Windows 10@browserstack',
-      use: {
-        browserName: 'chromium'
-      },
-    },
-    {
-      name: 'playwright-firefox@latest:OSX Catalina@browserstack',
-      use: {
-        browserName: 'firefox',
-        ignoreHTTPSErrors: true
+        browserName: "chromium",
+        channel: "chrome",
       },
     },
     {
-      name: 'playwright-webkit@latest:OSX Big Sur@browserstack',
+      name: "chrome@latest-beta:OSX Ventura@browserstack",
       use: {
-        browserName: 'webkit',
-        // Config to use playwright emulated devices.
-        // ...devices['iPhone 12 Pro Max'],
+        browserName: "chromium",
+        channel: "chrome",
       },
     },
     {
-      name: "chrome@Samsung Galaxy S22:13@browserstack",
+      name: "chrome@Samsung Galaxy S23:13@browserstack",
       use: {
         baseURL: "https://www.bstackdemo.com/",
         browserName: "chromium",

tests/local_test.js

@@ -4,18 +4,18 @@ const { expect } = require("@playwright/test");
 
 test("Local Testing", async ({ page }, testInfo) => {
   try {
-    await page.evaluate((_) => { },
-      `browserstack_executor: ${JSON.stringify({ action: "setSessionName", arguments: { name: testInfo.project.name } })}`);
+    await page.evaluate((_) => {},
+    `browserstack_executor: ${JSON.stringify({ action: "setSessionName", arguments: { name: testInfo.project.name } })}`);
 
     await page.waitForTimeout(5000);
 
     await page.goto("http://localhost:5500/");
 
-    await page.evaluate((_) => { },
-      `browserstack_executor: ${JSON.stringify({ action: "setSessionStatus", arguments: { status: "passed", reason: "Local success" } })}`);
+    await page.evaluate((_) => {},
+    `browserstack_executor: ${JSON.stringify({ action: "setSessionStatus", arguments: { status: "passed", reason: "Local success" } })}`);
   } catch (e) {
     console.log(e);
-    await page.evaluate((_) => { },
-      `browserstack_executor: ${JSON.stringify({ action: "setSessionStatus", arguments: { status: "failed", reason: "Local fail" } })}`);
+    await page.evaluate((_) => {},
+    `browserstack_executor: ${JSON.stringify({ action: "setSessionStatus", arguments: { status: "failed", reason: "Local fail" } })}`);
   }
 });

tests/sample_test.js

@@ -4,8 +4,8 @@ const { expect } = require("@playwright/test");
 
 test("BstackDemo Add to cart", async ({ page }, testInfo) => {
   try {
-    await page.evaluate((_) => { },
-      `browserstack_executor: ${JSON.stringify({ action: "setSessionName", arguments: { name: testInfo.project.name } })}`);
+    await page.evaluate((_) => {},
+    `browserstack_executor: ${JSON.stringify({ action: "setSessionName", arguments: { name: testInfo.project.name } })}`);
     await page.waitForTimeout(5000);
 
     await page.goto("https://www.bstackdemo.com/", {
@@ -15,7 +15,7 @@ test("BstackDemo Add to cart", async ({ page }, testInfo) => {
     await page.getByText("Checkout").click();
     await page.locator("#username svg").click();
     await page.locator("#react-select-2-option-0-0").click({ force: true });
-    await page.locator("#password svg").click();
+    await page.locator("#password svg").click({ force: true });
     await page.locator("#react-select-3-option-0-0").click({ force: true });
     await page.getByRole("button", { name: "Log In" }).click();
     await page.getByLabel("First Name").click();
@@ -31,11 +31,11 @@ test("BstackDemo Add to cart", async ({ page }, testInfo) => {
     await page.getByRole("button", { name: "Submit" }).click();
     await page.getByRole("button", { name: "Continue Shopping »" }).click();
 
-    await page.evaluate((_) => { },
-      `browserstack_executor: ${JSON.stringify({ action: "setSessionStatus", arguments: { status: "passed", reason: "Product added to cart" } })}`);
+    await page.evaluate((_) => {},
+    `browserstack_executor: ${JSON.stringify({ action: "setSessionStatus", arguments: { status: "passed", reason: "Product added to cart" } })}`);
   } catch (e) {
     console.log(e);
-    await page.evaluate((_) => { },
-      `browserstack_executor: ${JSON.stringify({ action: "setSessionStatus", arguments: { status: "failed", reason: "Test failed" } })}`);
+    await page.evaluate((_) => {},
+    `browserstack_executor: ${JSON.stringify({ action: "setSessionStatus", arguments: { status: "failed", reason: "Test failed" } })}`);
   }
 });