How to upload file?

[YusuffOzt]

->fixtures(folder)
-share.csv(file)
->playwrgiht(folder)
-test(folder)
--channels.config.ts(file)
--login.config.ts(file)

You can see my folder structure above. I have a share.csv file in fixtures folder and want to upload share.csv file in my channels.config.ts (By clicking Upload file button). You can see the web directory of the Upload File button below

<button type="button" class="ant-btn secondary-btn width-full text-left"><span class="fa fa-upload"></span><span>Upload File</span></button>

In my channels.config.ts I tried below code but got error.
await page.getByText('Upload File').setInputFiles('../../fixtures/share.csv');

Also tried using xpath instead of using getByText text but took error again. You can see error below;

frame.setInputFiles: Error: Node is not an HTMLInputElement
=========================== logs ===========================
waiting for selector "//span[contains(text(),'Upload CSV file')]"
  selector resolved to visible <span>Upload CSV file</span>
============================================================

   at playwright/tests/channels/channels.e2e.ts:87

  85 |                 
  86 |                 await page.locator(ChannelsPageRepository.shareButton).click()
> 87 |                 await page.locator(ChannelsPageRepository.uploadFileButton).setInputFiles('/Users/test/Desktop/test/fixtures/share.csv');
     |                 ^

[YusuffOzt]

Open different issue adding Question tag