Playwright: [BUG] setInputFiles does fetch that fails due to CSP

[sadiqueimam]

Hi, I am trying to upload a file but getting below error:
Error: Evaluation failed: TypeError: Failed to fetch
at __playwright_evaluation_script__:3:30
at Array.map ()
at __playwright_evaluation_script__:2:46
at CRExecutionContext.evaluate

Code:
const drop= await page.waitForSelector("//input[@type='file']");
await drop.setInputFiles('pic.png')

Also, the same was working with below Puppeteer code:
const drop= await page.waitForXPath("//slot/input[@type='file']");
await drop.uploadFile('pic.png');

[JoelEinbinder]

Can you provide a small script that reproduces the problem? I tried and was unable to:

const {chromium} = require('playwright');
chromium.launch().then(async browser => {
    const [page] = await browser.defaultContext().pages();
    await page.setContent(`<input type="file">`);
    const input = await page.$('input');
    await input.setInputFiles('index.js');
    await browser.close();
});

[sadiqueimam]

I have tried the code and it works fine if the button is clickable but in my scenario the button is kind overlays by a label. If I do drop.click(); it fails so I tried drop.setInputFiles('pic.png') but this doesnt seem to work for me. Is it an open issue?

[dgozman]

Clickability should not affect setInputFiles, so the reason should be something else. If you could share the page where this does not work (a link or maybe saved as mhtml), I would be happy to take a look. Thank you!

[dgozman]

Closing because we cannot repro this for a while. Feel free to reopen if this is still an issue.

[jacobmesu]

This error occurs when content security policy on document is enabled. Fix it by disabling CSP by setting bypassCSP to true in newContext method.

[dgozman]

(There should be a user-editable (possibly via PRs) FAQ section on playwright.dev where people can put their HOWTOs, tips & tricks and so on.)

You can send a PR editing documentation source, it will be reflected on playwright.dev.

As for the fetch error, let me take a look. Disabling CSP is a big hammer, so I'd prefer another solution.

[ghost]

@dgozman Thanks for pointing out the link to the documentation source.

Also thanks for looking again into this error. I have sent you the repro URL via email.