Is there any other way that we can perform file upload in headless mode?
This is the source file of that file upload object.
div data-testid="DropZone" class="jss202">
<div class="jss199">
<div class="jss196">
<div role="button" tabindex="0" style="height: 100%; width: 100%; justify-content: center; display: flex; align-items: center;">
<input data-testid="dropZone" multiple="" type="file" autocomplete="off" tabindex="-1" style="display: none;">
<div class="jss198">
<span class="MuiButtonBase-root MuiIconButton-root jss205" tabindex="0" role="button" aria-disabled="false">
<span class="MuiIconButton-label">
<svg class="MuiSvgIcon-root jss204 MuiSvgIcon-colorPrimary MuiSvgIcon-fontSizeSmall" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"></path>
</svg>
</span>
<span class="MuiTouchRipple-root"></span>
</span>
<span class="MuiBox-root jss212 jss200">
<p class="MuiTypography-root jss206 MuiTypography-body1">Drag and drop files here, or click to browse</p>
</span>
</div>
</div>
</div>
</div>
</div>
When I use this code as below it's not working as it says that particular object not found
Aliases.uploadPage.FindElement("input[data-testid='dropZone']").SendKeys("path for file")
Is something wrong I am doing here?
Screenshots of the webpage