Add SetInputFiles support

[inancgumus]

Inspired by #355, and for further PW compatibility, we might want to add SetInputFiles support to Page and Frame.

Tasks

Beta Give feedback

1. Add setInputFiles to ElementHandle #1097
   +0
   
2. Remove the setInputFiles os.read support #1244
   +0
3. Add setInputFiles to k6 browser module k6-DefinitelyTyped#30
   +0
4. Docs
5. Add details of browser#1097 to release notes k6#3635
   +0
6. Update browser#1097 release notes k6#3650
   +0

[justmeben]

would be much appreciated

[ankur22]

We have had to scale back how this feature works in k6 as compared to Playwright. In Playwright you have the ability to read from the local filesystem by providing the file path in the API call:

await page.setInputFiles('input[id="upload"]', 'test.txt')

This isn't possible in the browser module for k6 since it's not safe when k6 is deployed in a remote server. This would give the browser module access to the local FS of the server. Instead you can work with the experimental fs module to provide the same functionality, albeit with a bit more boiler plate code:

...
let file;
(async function () {
  file = await open('/abs/path/to/file.txt');
})();

...

export default async function () {
...
  const buffer = await readAll(file);
  page.setInputFiles('input[id="upload"]', { name: 'file.txt', mimetype: 'text/plain', buffer: encoding.b64encode(buffer) })
...
}

async function readAll(file) {
...
}

You can find more details and a working test script in #1244.