cypress-file-upload | File upload | UI Testing library

I've been at this all day and I really need a nudge in the right direction.

My dependencies are -

I'm using cypress-file-upload for attaching files to input fields. Using the same approach for all of these inputs in different places (in different modal windows in my case). But in one place files do not attach for some reason, in executed steps file is attached but in modal it isn't shown (red zone).

What I need to do:

1. open modal
2. attach a file
3. fill all fields
4. click on the Submit button, but it's disabled because fails isn't attached

And how it looks in code:

In my tests I download the file first, then upload it further. By using cypress-file-upload I faced an issue that file can be uploaded only from fixtures folder. The question is how to upload the file from downloads folder? I tried just to add downloads in front of the file name but it doesn't work.

I am trying to upload a file in angular solution using cypress. Using this plugin (https://www.npmjs.com/package/cypress-file-upload)

Here the code I used

I have two components with similar props, but there is a crucial difference. One component, called TabsWithState takes only a single prop tabs, which is an array of objects of the following shape:

This is my code

I have install cypress-file-upload

• import below code in command.js file import 'cypress-file-upload';

I want to test my file uploading function using Cypress-file-upload but I hurt myself against .attachFile is not a function

I tried two solutions and I still can't make it works :

After @typescript-eslint upgrade es-lint started lint errors like:

28:15 error 'token' is defined but never used @typescript-eslint/no-unused-vars

in source code:

I'm using cypress-file-upload in order to upload an xlsx file into a form.

I've tried 2 solutions.