SSL error with k6-browser

[arvind_patel]

Hi
I have a site which need a ssl certificate to install on machine.

i am trying to setup test on linux vm ( GCP ).

I have installed certificate at /usr/local/share/ca-certificates/ dir
verified by running puppeeter test script successfully

const puppeteer = require('puppeteer');
const fs = require('fs');

async function run () {

  const browser = await puppeteer.launch({
    defaultViewport: {width: 1920, height: 1080},
     args: [ '--ignore-certificate-errors' ]
  });  

  const page = await browser.newPage();
  await page.goto('siteUrl', {timeout: 60000});
  await sleep(15000);
  
  await page.screenshot({path: 'screenshot.png'});
  const html = await page.content();
  fs.writeFileSync('source.htm', html);
  
  browser.close();
}
run();

function sleep(ms) {
  return new Promise((resolve) => {
    setTimeout(resolve, ms);
  });
}  

Now i have tried run k6 script

import { chromium } from 'k6/experimental/browser';
import { check, sleep, expect } from 'k6';
import exec from 'k6/execution';
import { htmlReport } from "./report_bundle.js";
import { textSummary } from "./report_summery_index.js";
import { Trend } from 'k6/metrics';

const users = new Trend('user jurney time', true);

export const options = {
insecureSkipTLSVerify: true,
scenarios: {
    browser: {
      executor: 'per-vu-iterations',
      exec: 'browser',
      vus: 1,
      iterations: '1'
      //duration: '5s',
    }
  }
};

export async function browser() {

const browser = chromium.launch({ 
  headless: true,
  //timeout: '2m',
  args: [ '--ignore-certificate-errors' ],
 // executablePath: '/snap/bin/chromium',
//  userDataDir: "'./chromeProfiles/'"+ exec.vu.idInTest ,
});

const context = browser.newContext(); //one browser instance
//context.setDefaultTimeout(180);
const page = context.newPage(); // one tab

await page.goto('testsite');
console.log('page  loaded');

page.screenshot({ path: './actual_page_screenshot333.png'});
page.waitForSelector("div[class$='overlay-box']");

sleep(2);
page.close();
browser.close();
} 

Error :

communicating with browser: websocket: close 1006 (abnormal closure): unexpected EOF  category=cdp elapsed="0 ms" goroutine=40
ERRO[0030] Uncaught (in promise) GoError: waiting for selector "div[class$='overlay-box']": waiting for selector "div[class$='overlay-box']" did not result in any nodes
browser at github.com/grafana/xk6-browser/browser.mapPage.func11 (native)

i checked screenshot and its very small size blank white page

i checked similar thread and verified steps

Xk6 browser in docker with organization certificate

Hi, I am attempting to run a very simple test which is having issues due to err:net::ERR_CERT_AUTHORITY_INVALID while trying to load the page. Background: I am trying to open a webpage of a company’s webapp hosted on a remote machine. The app is behind and NGINX which is used for SSL termination and provides the certificates (fully chained), with the organization root certificate inside the trusted root store of the windows machines. When you go to the URI, for example: https://mywebapp.compa…

[ankur]

Hi @arvind_patel,

Can you confirm that your puppeteer script works if you do a similar wait for selector on "div[class$='overlay-box']"?

It’s difficult to pinpoint the issue without being able to test against the same website that you are testing against. Could you point your script against a publicly accessible website and replicate the issue?

I’ve ran the following script and it worked:

import { chromium } from 'k6/experimental/browser';

export const options = {
    insecureSkipTLSVerify: true,
    scenarios: {
        browser: {
            executor: 'per-vu-iterations',
            exec: 'browser',
            vus: 1,
            iterations: '1'
        }
    }
};

export async function browser() {
    const browser = chromium.launch({
        headless: true,
        args: ['--ignore-certificate-errors'],
    });

    const context = browser.newContext(); //one browser instance
    const page = context.newPage(); // one tab

    await page.goto('https://test.k6.io');
    console.log('page loaded');

    page.screenshot({ path: './actual_page_screenshot333.png' });
    console.log('screenshot taken');

    page.waitForSelector("div[class$='logo']");
    console.log('wait complete');

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

At the moment I can only guess that the selector is incorrect or the element never becomes visible when the page loads.

Cheers,
Ankur