File upload doesn't work

Steps to recreate:

• Run following code:

const playwright = require("playwright");

(async () => {
  const browser = await playwright["chromium"].launch({ headless: false });
  const context = await browser.newContext();
  await context.newPage("https://cgi-lib.berkeley.edu/ex/fup.html");
})();

• Click on “Choose File”

Expectation: A file chooser dialog will appear Result: No dialog appears

This bug is causing file uploads to not work.

[arjunattam]

Thanks @VikramTiwari. Yes, that is a limitation. It is possible to intercept the file chooser dialog. Would that help?

page.on('filechooser', async ({ element, multiple }) => {
    console.log('intercepting filechooser');
    await element.setInputFiles('example.png');
});

[arjunattam]

Thanks @VikramTiwari. If you want to upload files, you can use the setInputFiles API on ElementHandle (docs). Example snippet below.

const playwright = require("playwright");

(async () => {
    const browser = await playwright["chromium"].launch({ headless: false });
    const context = await browser.newContext();
    const page = await context.newPage("https://cgi-lib.berkeley.edu/ex/fup.html");

    const handle = await page.$('input[type="file"]');
    await handle.setInputFiles('example.png');
})();