() => ({ window, document }) results in Unexpected end of input

[ankur22]

Brief summary

It seems that the way k6 browser parses the functions in jshandle.evaluateHandle isn't compatible with expected javascript syntax.

xk6-browser version

NA

OS

NA

Chrome version

NA

Docker version and image (if applicable)

NA

Steps to reproduce the problem

When running the following test:

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

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

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

  try{
    await page.goto('https://test.k6.io/browser.php');
    const jsHandle = await page.evaluateHandle(() => ({ window, document }));

    const properties = await jsHandle.getProperties();
    console.log(JSON.stringify(properties)); // {"window":{},"document":{}}
  } finally {
    await page.close();
  }
}

The result is Uncaught (in promise) evaluating handle for page: evaluating handle for frame: SyntaxError: Unexpected end of input.

If the page.evaluateHandle is replaced with:

    const jsHandle = await page.evaluateHandle(() => {
      return { window, document };
    });

Then it works as expected.

Expected behaviour

Logs to console: {"document":{},"window":{}}.

Actual behaviour

Errors with Uncaught (in promise) evaluating handle for page: evaluating handle for frame: SyntaxError: Unexpected end of input.