unit-testing - 用事件反应开玩笑单元测试子组件

Question

如果我有一个具有 onclick 事件的子组件，该事件又调用父事件处理程序，那么对此进行单元测试的最佳方法是什么？在我的例子中，当用户点击它时，按钮的文本值会发生变化——这是在 this.props.myEvent 中处理的。

我的单元测试在测试初始值时有效

expect(button.getDOMNode().textContent).toEqual('startValue');

，但是当用户单击按钮并将按钮值更新为某个值时，如何创建单元测试？

就我而言，我有一个按钮：

var React  = require('react');

module.exports = React.createClass({
  myEvent: function(a,b){
    this.props.myEvent(a, b);
  },
  render: function() {
    return (
        <button name="myButton" id={this.props.id} onClick={this.myEvent.bind(this.props.a,this.props.b)}>{this.props.value}</button>
    )
  }
});

谢谢

Answer 1

TestUtils您可以使用插件模拟点击：

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