Append query parameters to page.goto() urls

Make an abstracted function

@skorp32 can you please elaborate?

I've tried the following:

const test = base.extend({
  page: async ({ page }, use) => {
    const goto = page.goto;
    async function modifiedGoto(url, options) {
      url += "?test";
      return goto(url, options);
    }
    page.goto = modifiedGoto;
    await use(page);
  },
});

but it is returning the following error:

TypeError: Cannot read properties of undefined (reading '_mainFrame')

export async function goto(page: Page, params: string) {
  await page.goto() // do smth here
}

I'm looking for a solution that allows me to continue to use page.goto() and appends query parameters "behind the scenes".

not really possible

maybe with page.route to catch whatever you want, append url and continue but not sure if it works for navigational requests

I tried that. It didn't work for navigations

Fixed it. Here's the final code:

const test = base.extend({
  page: async ({ page }, use) => {
    const goto = page.goto.bind(page);
    function modifiedGoto(url, options) {
      url += "?test";
      return goto(url, options);
    }
    page.goto = modifiedGoto;
    await use(page);
    page.goto = goto;
  },
});