Add page.on('response')

[ankur22]

What?

This implements the page.on('response') API from Playwright. When the handler is created, all subsequent responses will be directed to the handler, where the user can interact with the read only response object. The response is intercepted after it is received from the website under test to the browser.

An example usage is:

import { browser } from 'k6/browser'

export const options = {
  scenarios: {
    ui: {
      executor: 'shared-iterations',
      options: {
        browser: {
          type: 'chromium',
        },
      },
    },
  },
}

export default async function () {
  const page = await browser.newPage()

  // Logs the url that the response comes from (where the request was made to).
  page.on('response', async (response) => {
    console.log(response.url());
  })

  await page.goto('https://quickpizza.grafana.com/', { waitUntil: 'networkidle' })

  await page.close();
}

Why?

This can be useful to:

• retrieve data that is to be used later, such as auth tokens;
• assert certain conditions on an expected response;

Checklist

• I have performed a self-review of my code.
• I have added tests for my changes.
• I have run linter locally (make lint) and all checks pass.
• I have run tests locally (make tests) and all tests pass.
• I have commented on my code, particularly in hard-to-understand areas.

Related PR(s)/Issue(s)

• Updates: Implement page.on('response') #4234
• Release notes: 49e3521
• Docs: browser: Add page.on('response') k6-docs#1878
• Typescript: browser: Add page.on('request|response') k6-DefinitelyTyped#80

[inancgumus]

My comments about this one would be similar to #4290. They are very alike.

[oleiade]

What's your take on this @inancgumus ? Anything specific I should pay attention to or know to effectively review it? 🙇🏻

[inancgumus]

What's your take on this @inancgumus ? Anything specific I should pay attention to or know to effectively review it? 🙇🏻

@oleiade For my take, please check out the resolved discussions in #4290, as this PR is pretty much the same as the other PR. There is also this shortcoming. Let me know if you need anything else 🙇

[inancgumus]

@oleiade Could you check this PR out? 🙇

[oleiade]

Redid a short pass. LGTM (as far as I can tell 😅 ) 🚀