Запуск события React с помощью инструментов разработчика Chrome

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

    this.handleChangeEvent = this.handleChangeEvent.bind(this);
    this.handleSubmit = this.handleSubmit.bind(this);
  }

  handleChangeEvent(event) {
    this.setState({
      value: event.target.value
    });
  }

  handleSubmit(event) {
    alert('A name was submitted: ' + this.state.value);
    event.preventDefault();
  }

  render() {
    return ( <
      form onSubmit = {
        this.handleSubmit
      } >
      <
      label >
      Name:
      <
      input type = "text"
      value = {
        this.state.value
      }
      onChange = {
        this.handleChangeEvent
      }
      /> <
      /label> <
      input type = "submit"
      value = "Submit" / >
      <
      /form>
    );
  }
}

ReactDOM.render( <
  div > < NameForm / > < NameForm / > < /div>,
  document.getElementById('root')
);

//  doesn't work since v15.6.0
var ev = new Event('input', {
  bubbles: true
});
document.querySelector('form:first-child input').value = 'Not working';
document.querySelector('form:first-child input').dispatchEvent(ev);

var ev2 = new Event('input', {
  bubbles: true
});
ev2.simulated = true;
document.querySelector('form:last-child input').value = 'With simulated flag';
document.querySelector('form:last-child input').dispatchEvent(ev2);