Test Chrome Extensions using Playwright

//sample respone
{
  "media_url": "media://90c7a8h8dc82308108734e9a46c24d8f01de12881"
}

const caps = {
  //update the uploadMedia url
  "browserstack.uploadMedia": [
    "<media-url>",
  ]},

'use strict';
const { chromium, firefox, webkit } = require('playwright');
const fs = require('fs')
const { promisify } = require('util');
const sleep = promisify(setTimeout);

const run = async (browser_name, os_name, os_version_name) => {
  const tag = `Chrome Extension Testing`
  const caps = {
    build: `${tag}`,
    name: `[${os_version_name}] ${browser_name}`, // test name
    browser: browser_name,
    os: os_name,
    osVersion: os_version_name,
    'browserstack.username': process.env.BROWSERSTACK_USERNAME || 'YOUR_USERNAME',
    'browserstack.accessKey': process.env.BROWSERSTACK_ACCESS_KEY || 'YOUR_ACCESS_KEY',
    'browserstack.networkLogs': true,
    "browserstack.uploadMedia": [
      "<media-url>", 
    ],
  };

  // For loading the extension
  const browser = await chromium.connectOverCDP(`wss://cdp.browserstack.com/playwright?caps=${encodeURIComponent(JSON.stringify(caps))}`);
  const context = await browser.contexts()[0];
  const page = await context.newPage();

  // Actual tests start here
  await page.goto('https://en.wikipedia.org/wiki/Apple');
  const imageActual = page.locator('a > img[alt="Malus domestica a1.jpg"]');
  await imageActual.waitFor({ state: "visible" })
  await imageActual.hover();
  await sleep(2 * 1000);
  const imageActual2 = page.locator('div > img');
  await imageActual2.waitFor({ state: "visible" })

  await page.close();
  await context.close();
  await browser.close();
};

Promise.all([
  run('chrome', 'windows', '10'),
]).then(responses => {
  for (const response of responses) {
    console.log(response);
  }
}).catch(error => {
  console.error(`Failed to fetch: ${error}`)
});