如何从组件开玩笑中测试子函数

Question

我有下面的反应组件，它调用<ChildComp>组件并具有道具函数。

const MyComp = (props) => {
return (
<div>
<ChildComp
beforeRender={()=>{
console.log("Before Render");
}}
afterRender={()=>{
console.log("After Render");
}}
/>
</div>
);
};

这是我到目前为止的测试

test(`MyComp`, () => {
const tree = renderer
.create(<MyComp></Icon>)
.toJSON();
});

我在开玩笑中调用的 beforeRender 和 afterRender 的最佳测试方法是什么？

谢谢

Answer 1

你应该研究酶浅渲染(https://enzymejs.github.io/enzyme/docs/api/shallow.html(。

然后，您可以使用 find 方法 (https://enzymejs.github.io/enzyme/docs/api/ShallowWrapper/find.html( 获取 Child 组件并访问其 props 并断言它们已被调用。