Ich konnte Click-Ereignisse simulieren Reagieren Test utils, aber ich konnte nicht mouseenter Ereignissekonnte nicht mouseenter-Ereignis mit React-Test Utils simulieren
Ich habe Probenkomponente und testet sie in jsfiddle simulieren, dieses Problem zu zeigen http://jsfiddle.net/kirana/Uf4e2/2/
var Events = React.createClass({
getInitialState: function() {
return {
event: ''
};
},
clickHandler: function() {
this.setState({
event: 'click'
});
},
mouseEnterHandler: function() {
this.setState({
event: 'mouseenter'
});
},
render: function() {
return React.DOM.div(null, React.DOM.button({
ref: 'button',
onClick: this.clickHandler,
onMouseEnter: this.mouseEnterHandler
}, 'click or mouseenter'), React.DOM.div(null, this.state.event));
}
});
var ReactTestUtils = React.addons.TestUtils;
describe('Events', function() {
it('should have click event state', function (done) {
var events = Events();
ReactTestUtils.renderIntoDocument(events);
ReactTestUtils.Simulate.click(events.refs.button.getDOMNode());
events.state.event.should.equal('click');
done();
});
// This test is failing
it('should have mouseenter event state', function (done) {
var events = Events();
ReactTestUtils.renderIntoDocument(events);
ReactTestUtils.Simulate.mouseEnter(events.refs.button.getDOMNode());
events.state.event.should.equal('mouseenter');
done();
});
});
ich konnte nicht herausfinden, was ich mouseenter zu simulieren bin fehlt.
Dank Ben, hat diese Lösung für mich gearbeitet – kiran