Cypress Upload file error using selectfile - filename undefined

Question

Attempting to upload a file via a hidden 'input[type="file"]' element.

My code is : Get, Show and Select as per the cypress documentation cy.get('[data-cy="file-input"]').selectFile('cypress/fixtures/myfixture.json')

cy.get('input[type="file"]')
     .invoke('show')                    
     .selectFile('cypress/fixtures/TestPNG.png')`

I'm getting the following. My file is there and I have tried with the full path name from my C:. Same result

Are you sure about the path to it? – Mark Denes Apr 27 '23 at 14:47 — Mark Denes, Apr 27 '23 at 14:47
Are you uploading the same file multiple times? – art Apr 28 '23 at 10:26 — art, Apr 28 '23 at 10:26

score 0 · Answer 1 · answered Apr 27 '23 at 14:15

0

I'm not convinced but you can try to add force ?

cy.get('[type="file"]').selectFile(
  "cypress/fixtures/TestPNG.png",
  { force: true }
);

answered Apr 27 '23 at 14:15

Wandrille

6,267
3
20
43

Will do, back in a mo. Thanks btw – user2400852 Apr 27 '23 at 14:19
No joy on that. Same error – user2400852 Apr 27 '23 at 15:15
Arf, and the error is is not more explicit ? – Wandrille Apr 27 '23 at 15:22
No, the same error – user2400852 Apr 27 '23 at 15:52

score -1 · Answer 2 · answered Apr 28 '23 at 08:40

-1

Here is the answer that worked for me on a hidden input element

  cy.fixture('TestPNG.png').as('myPNG')
                cy.get('input[type=file]')
                    .invoke('show')
                    .selectFile('@myPNG')

answered Apr 28 '23 at 08:40

user2400852

29
3

Your answer could be improved with additional supporting information. Please [edit] to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers [in the help center](/help/how-to-answer). – Community May 08 '23 at 06:16

Cypress Upload file error using selectfile - filename undefined

2 Answers2