title: How to test input file with Jest and vue/test-utils
body: <p>I want to test file uploader component using Jest and vue/test-utils.</p>
  
  <p>I have this:</p>
  
  <pre><code> describe('show progress bar of uploading file', () =&gt; {
      const wrapper = mount(FileUploaderComponent)
  
      // create csv file
      let csv = new Blob([''], { type: 'text/csv;charset=utf-8;' })
      csv.name = 'myFile.csv'
  
      let input = wrapper.find('input')
      input.element.value = csv // || csv.error value, Error here
      input.trigger('change')
  
      // Update current status
    })
  </code></pre>
  
  <p>Where in FileUploaderComponent i have:</p>
  
  <pre><code>&lt;template&gt;
    &lt;form action="POST" enctype="multipart/form-data"&gt;
      &lt;label class="btn btn-primary" for="input-file"&gt;
        &lt;input class="input-file" id="input-file" name="file" type="file" accept=".xlsx, .xls, .csv"&gt;
        UPLOAD FILE
      &lt;/label&gt;
    &lt;/form&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>Throws this error:</p>
  
  <blockquote>
    <p>InvalidStateError: This input element accepts a filename, which may
    only be programmatically set to the empty string.</p>
  </blockquote>
  
  <pre><code>  49 |
    50 |     let input = wrapper.find('input')
  &gt; 51 |     input.element.value = csv
    52 |     input.trigger('change')
    53 |
    54 |     // Update current status
  </code></pre>
  
  <p>So, the question is: How can i trigger event change with file input value? in this case, a csv file as value ?</p>