0

親イベント ハンドラーを呼び出す 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>
    )
  }
});

ありがとう

4

1 に答える 1