Thanks for stopping by. I have an class="btn-file secondaryBtn mUpload" tag in an DOM and that is the "Browse" functionality on click is does sum implementation and opens windows file explorer.

Before uploading file: this is how the upload field look like <td id="td_file_0"> </td>

Now after clicking the browse button and selecting a test doc and clicking ok it looks like this

<td id="td_file_0">
    <p class="doc">
      <a class="anchorDocView" href="#" data-file="b.JPG</a> 
    <span class="deleteLink" data-id="350277" onclick="comJs.de('b2.JPG','file_0',this)">
      <i class="material-icons delete">close</i></span></p></td>

So here is what I am trying to do.

I do not want to use robot class because I will be automating this in browserstack. I tried sendkeys to td_file_0 but it wont work and it make sense because the doc attaching field is generated dynamically after selecting the doc.

Any other ways that this can be automated ?

Thanks