[Feature] add `connection()` to `CDPSession` to maintain parity with Puppeteer

Today I was messing around with the new Lighthouse User Flow api which is written to use puppeteer.

I managed to hack things together to the point where it would work (note I’ve only tried flow.navigate) and one of the things I ran into was the lack of connection() on CDPSession. I’m sure there’s a good reason why it’s not there but for my own sanity I wish it were 😅

The discussion I had with the lighthouse folks has more details on what was required to get things to work

• https://github.com/GoogleChrome/lighthouse/discussions/13326

pptr Connection class pptr connection() doc

[unlikelyzero]

@cliffordfajardo I am not using Lighthouse User Flows. My plan is to use playwright/test to get to interesting points in time and then leverage the lighthouse package as described in https://www.checklyhq.com/learn/headless/basics-performance/#additional-performance-libraries

const chromeLauncher = require('chrome-launcher')
const { chromium } = require('playwright')
const lighthouse = require('lighthouse')
const request = require('request')
const util = require('util')

;(async () => {
  const chrome = await chromeLauncher.launch()

  const resp = await util.promisify(request)(
    `http://localhost:${chrome.port}/json/version`
  )
  const { webSocketDebuggerUrl } = JSON.parse(resp.body)
  const browser = await chromium.connect({ wsEndpoint: webSocketDebuggerUrl })

  const { lhr } = await lighthouse(
    'https://danube-web.shop/',
    { port: chrome.port },
    null
  )

  console.log('Report complete for', lhr.finalUrl)

  console.log(`
    Time To Interactive - Score: ${lhr.audits.interactive.score},
    Value: ${lhr.audits.interactive.numericValue} ${lhr.audits.interactive.numericUnit}
  `)

  await browser.close()
  await chrome.kill()
})()

[JoelEinbinder]

You can launch the browser yourself and connect playwright with connectOverCDP. We don’t want to be in the business of managing CDP connections for you, as they can get very complicated and browser specific.