Support for playwright

[tws2000]

What do you think about adding support for playwright?

Maybe just another option to start(). Like start({path:.., playwright: true})

Then:

if (playwright) {
 this.client = await this.page.context().newCDPSession(this.page);
} else {
 this.client = await this.page.target().createCDPSession();
}

[maciejmaciejewski]

Hey,
I have commited #17 but it seems that microsoft has changed chrome browser API and it is not compatible with the new version

[maciejmaciejewski]

Hello again @tws2000, I managed to make it work without puppeteer-har but with chrome-har
Here is a code snippet

 if (this.browserType === 'chromium') {
    const client = await context.newCDPSession(page)

    await client.send('Page.enable')
    await client.send('Network.enable')

    this.addResponseBodyPromises = []
    this.events = []
    const observe = [
      'Page.loadEventFired',
      'Page.domContentEventFired',
      'Page.frameStartedLoading',
      'Page.frameAttached',
      'Page.frameScheduledNavigation',
      'Network.requestWillBeSent',
      'Network.requestServedFromCache',
      'Network.dataReceived',
      'Network.responseReceived',
      'Network.resourceChangedPriority',
      'Network.loadingFinished',
      'Network.loadingFailed',
      'Network.getResponseBody'
    ]

    observe.forEach(method => {
      client.on(method, params => {
        const harEvent = { method, params }
        this.events.push(harEvent)
        if (method === 'Network.responseReceived') {
          const response = harEvent.params.response
          const requestId = harEvent.params.requestId
          // Response body is unavailable for redirects, no-content, image, audio and video responses
          if (response.status !== 204 &&
            response.headers.location == null &&
            !response.mimeType.includes('image') &&
            !response.mimeType.includes('audio') &&
            !response.mimeType.includes('video')
          ) {
            const addResponseBodyPromise = client.send('Network.getResponseBody', { requestId }).then((responseBody) => {
              // Set the response so chrome-har can add it to the HAR file
              harEvent.params.response = {
                ...response,
                body: Buffer.from(responseBody.body, responseBody.base64Encoded ? 'base64' : undefined).toString()
              }
            }, (reason) => { })
            this.addResponseBodyPromises.push(addResponseBodyPromise)
          }
        }
      })
    })
  }

and then at the end of your test

  if (this.browserType === 'chromium') {
    await Promise.all(this.addResponseBodyPromises)
    const { harFromMessages } = require('chrome-har')
    const { writeFileSync } = require('fs')
    const harPath = `./tracing/${process.env.ENVIRONMENT}-${dashify(scenario.pickle.name)}.har`
    const harObject = harFromMessages(this.events, { includeTextFromResponseBody: true })
    writeFileSync(harPath, JSON.stringify(harObject))
  }