如何测试父组件上定义的方法和状态

时间:2016-02-04 20:27:44

标签: testing reactjs

考虑以下反应代码:

export default class parentComponent extends Component {

    someFunc() {
        /* lots of logic */

        this.setState({
            foo: bar
        });
    }

    render() {
        return(
           <div className="parent">
             <ChildComponent this.onSomeEvent={this.someFunc.bind(this)}>    </ChildComponent>
</div>
)
  }
}

关于测试someFunc方法的最佳方法,我有几个问题:

  1. 如何实际调用someFunc方法对其进行测试?代码运行时,子组件中的onSomeEvent调用该方法。使用浅层渲染,我只能访问parentComponent

  2. 我所看到的所有浅呈现示例都显示了如何根据传递给它的props来测试组件。我可以考虑测试parentComponent的唯一方法是在调用方法时检查它的状态。调用someFunc时会更新状态。可以用浅渲染来检查状态吗?我找不到任何这方面的例子。

0 个答案:

没有答案