失踪阵营组件道具用玩笑测试

Question

我有一个看起来像这样

const Menu_ = props => 
<div 
    onClick={() => props.onClick("users")} 
/> 

和玩笑的设置，就像一个组件：

const tree = renderer 
.create(<Menu_ page={""} onClick={page => null} />) 
.toJSON(); 

我觉得我应该能够调用

tree.props.onClick(); 

但是......“react-test-renderer”包中的渲染函数没有显示道具所需的道具。

有没有一种很好的方法来测试;访问onClick道具;没有触及我目前的代码太多？

Answer 1

注意，你正在做的是创造组件 .create(<Menu_ page={""} onClick={page => null} />) 但你把这个结构，以JSON格式的内容： .toJSON();

这种结构不仅可以容纳纯粹的数据，而不是功能。你可能想看看enzyme它呈现方法。