test-user-interactions-in-js-apps-accurately-with-emulated-events-example-1

example1.hbs

{{! EmberJS }}
{{! file-upload/app/components/upload.hbs }}

<section class="my-file-upload-component">

  <h2>{{@title}}</h2>
  <p>{{@description}}</p>

  <button type="button" {{on "click" this.startUpload}}>
  Browse file
  </button>

  <label for="text-field">{{@label}}</label>
  <textarea
    id="text-field"
    value={{this.fileContent}}
    placeholder="Paste the content of your file here"
  />
  <input
    type="file"
    id="file-upload-field"
    {{on "change" this.handleFileInput}}
  />

</section>