title: File upload in Testcafe with hidden input
body: <p>I want to test upload folder/ multiple files using <code>testcafe</code>. It has couple of steps to upload files. </p>
  
  <ul>
  <li>Step - 1: Click on file browse button to select files</li>
  <li>Step - 2: Native Confirmation box to confirm the Upload</li>
  <li>Step - 3: Click on Upload button to upload files</li>
  </ul>
  
  <p>In the HTML code, input [type=file] is hidden. 
  HTML Code:</p>
  
  <pre><code>&lt;div class="col-md-12"&gt;
      &lt;input type="button" class="btn btn-primary btn-exec" value="Select Files" id="fileBrowseBtn"&gt;
      &lt;input type="file" id="selectFiles" webkitdirectory="" style="display: none"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I tried with the following code but was not working at all.</p>
  
  <pre><code> await t
  .click(Selector('#fileBrowseBtn'))
  .setNativeDialogHandler(() =&gt; true)
  .setFilesToUpload(Selector('input').withAttribute('type','file'), [
              './uploads/1.jpg',
              './uploads/2.jpg',
              './uploads/3.jpg'
          ])
  .setNativeDialogHandler(() =&gt; true)
  .click(Selector('#uploadWizard').find('button').withText('Upload'))
  </code></pre>
  
  <p>Can anyone help me with workable example? I tried lots but may be I missed something. Thanks in advance.</p>