jayjayjpg

let fileInputField = document.querySelector('#file-upload-field');
let uploadEvent = new Event('change');

let fileBlob = { files: [new Blob(['Hello World...'])] };
fileInputField.value = fileBlob.files;

fileInputField.dispatchEvent('change');

jayjayjpg

targetElement.dispatchEvent(event, additionalEventArguments);

jayjayjpg

let myButton = document.querySelector('button');
// emulates a 'click' event dispatched from the selected button element
myButton.click();

jayjayjpg

import '@testing-library/jest-dom';
import * as React from 'react';
import Upload from '../src/Upload';
import {render, fireEvent, waitFor, screen} from '@testing-library/react';

test('allows uploading files', async () => {
  render(<Upload
    title="Update Mokedexx"
    description="Add your new companions here 🇰🇷"
    label="업로드 한국 모켓몬"

jayjayjpg

// Ember & QUnit
// file-upload/tests/integration/components/upload-test.js
import { module, test } from 'qunit';
import { setupRenderingTest } from 'ember-qunit';
import { click,  find, render, triggerEvent } from '@ember/test-helpers';
import { hbs } from 'ember-cli-htmlbars';

module('Integration | Component | mox/upload', function (hooks) {
  setupRenderingTest(hooks);

jayjayjpg

// React
// file-upload/common/Upload.js
import React from 'react';

class UploadComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {fileContent: ''};

    this.handleFileInput = this.handleFileInput.bind(this);

jayjayjpg

// file-upload/app/components/upload.js
import Component from '@glimmer/component';
import { tracked } from '@glimmer/tracking';
import { action } from '@ember/object';
import { next } from '@ember/runloop';

export default class UploadComponent extends Component {
  @tracked
  fileContent = '';

jayjayjpg

{{! 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

jayjayjpg

import Ember from 'ember';

export default Ember.Component.extend({
});

jayjayjpg

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle'
});