Why doesn't TestUtils.Simulate.change work in react tests?

Question

React

Hello. The previous question is related to the same, but he did not dare.
Component:

import React, { Component } from 'react';

export default class Test extends Component {

  constructor(...props) {
    super(...props);
  }

  render() {
    return (
      <div><input ref="input" /></div>
    )
  }
}

Test code:

describe("Broker Full Page", function() {

  let page;

  beforeEach(function() {
    page = TestUtils.renderIntoDocument(<BrokerFull />);
  });

  it("Change all inputs in BrokerFull page", function() {
    let input = TestUtils.findRenderedDOMComponentWithTag(page, "input");
    expect(input.getDOMNode().value).to.be.equal('');   //  PASSED
    TestUtils.Simulate.change(input, { target: { value: 'a' } });
    expect(input.getDOMNode().value).to.be.equal('a');  // FILED
  });

});

When you try to change the value in the input field, nothing changes.
What am I doing wrong?

Answer 1

The React documentation says how to do it https://facebook.github.io/react/docs/test-utils.html

// <input ref="input" />
var node = this.refs.input;
node.value = 'giraffe';
ReactTestUtils.Simulate.change(node);