Lighthouse Integration

export LH_BROWSERSTACK='true'

//sample_test.js
'use strict';
const {chromium, firefox, webkit} = require('playwright');
const fs = require('fs')
const {promisify} = require('util');
const sleep = promisify(setTimeout);
const { playAudit } = require('playwright-lighthouse');

const run = async (browser_name, os_name, os_version_name, terminal = null, pw_version = null) => {
  const tag = `Lighthouse Playwright`
  const caps = {
    build: `${tag}`,
    name: `[${os_version_name}] ${browser_name}`,
    browser: browser_name,
    os: os_name,
    os_version: 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.console': 'errors',
  };
  const browser = await webkit.connect({
    wsEndpoint: `wss://cdp.browserstack.com/playwright?caps=${encodeURIComponent(JSON.stringify(caps))}`,
  });
  
  const context = await browser.newContext({
    ignoreHTTPSErrors: true,
  });

  const page = await browser.newPage();
  await page.goto('https://www.google.com/ncr');
  const element = await page.$('[aria-label="Search"]');
  await element.click();
  await element.type('BrowserStack');
  await element.press('Enter');
  const title = await page.title('');
  console.log(title);
  try {
    expect(title).to.equal("BrowserStack - Google Search", 'Expected page title is incorrect!');
    // following line of code is responsible for marking the status of the test on BrowserStack as 'passed'. You can use this code in your after hook after each test
    await page.evaluate(_ => {}, `browserstack_executor: ${JSON.stringify({action: 'setSessionStatus',arguments: {status: 'passed',reason: 'Title matched'}})}`);
  } catch {
    await page.evaluate(_ => {}, `browserstack_executor: ${JSON.stringify({action: 'setSessionStatus',arguments: {status: 'failed',reason: 'Title did not match'}})}`);
  }

  await playAudit({
    page: page,
    thresholds: {
      performance: 10,
      accessibility: 10,
      'best-practices': 10,
      seo: 10,
      pwa: 10,
    },
    reports: {
      formats: {
        json: true,
        html: true,
        csv: true,
      }
    },
    port: 9223
  });

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


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

  await playAudit({
    url: page.url(),
    page: await context.newPage(),
});