缺少React组件道具与Jest测试

Question

我有一个看起来像这样的组件

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

和Jest设置，如：

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并呈现方法。