如何从组件笑话中测试子功能

Question

我有下面的react组件，它调用<ChildComp>组件并具有prop函数。

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组件并访问其prop并断言它们已被调用。