TestUtils.Simulate.mouseDown() doesn't trigger focus event

[ikokostya]

This code

/** @jsx React.DOM */

var Button = React.createClass({
  render: function() {
    return (
      <button
        onMouseDown={this.handleMouseDown}
        onFocus={this.handleFocus}
      >Test</button>
    );
  },

  handleMouseDown: function() {
    console.log('handle mouse down');
  },

  handleFocus: function() {
    console.log('handle focus');
  }
});

var button = React.renderComponent(
  <Button />,
  document.getElementById('content')
);

React.addons.TestUtils.Simulate.mouseDown(button.getDOMNode());

outputs

handle mouse down

Expected output (like in real browser):

handle mouse down
handle focus

Demo http://jsbin.com/pasovu/4

[ikokostya]

It's correct behavior. Sorry for this issue.

[przeor]

Isn't:

React.addons.TestUtils.Simulate.mouseDown(button.getDOMNode());
React.addons.TestUtils.Simulate.focus(button.getDOMNode());

the answer that may help you?

Output:

handle mouse down
handle focus

[ivandiazwm]

But if I do preventDefault on the event generated by Simulate, it won't prevent focus.