[BUG] File not uploaded via the setInputFiles() function

Context:

• Playwright Version: 1.16.3
• Operating System: Windows
• Node.js version: 14.6
• Browser: Chrome
• Extra: [any specific details about your environment]

Code Snippet

Help us help you! Put down a short code snippet that illustrates your bug and that we can run and debug locally. For example:

await this.page.setInputFiles(this.fileNameTextFieldLocator, resourceFileToUpload);

Describe the bug

I’m trying to upload the file via page.setInputFiles() function. The locator is the following:

It is an input element. But the function doesn’t work for me.

P.S. Maybe it is related to the fact that the input field is defined as a readonly?

P.S.2 The icon is not defined as input - can it be used in some way in the function? According to documentation - the function setInputFiles() can be used only with input elements.

[vsravuri]

Your input should be of type=“file”, it should be somewhere in the DOM. This is how it’s in my application.

[AlexKomanov]

@pavelfeldman It’s just a selector that founded in the DOM. We use the pattern: textFieldLocator - just stores a selector in the DOM. textFieldElement - element it self (of any type).