我需要编写一个测试来测试相应的子组件是否基于prop进行渲染。
为此,我得到了一个在某种条件下呈现子组件的组件。其他子组件在没有任何条件检查的情况下呈现。
为此,在我的父组件中,我收到了一个道具' renderChild'。
如果' renderChild'是的,然后渲染子组件。
例如,在我的ReactJS中,在ParentComponent中:
return {
<div>
{ props.renderChild && <ChildComponent {...childProps} /> }
<ChildComponent2 {...childProps2 } />
</div>
}
现在,这是我写过的测试:
const parentProps = {
renderChild: true;
name: "parent",
message: "Hello Parent"
};
const childProps = {
name: "child1",
message: "Hello child1"
};
test('childComponent should be rendered if renderChild is true', () => {
const childComponent = shallow(<ChildComponent {...childProps} />);
expect(childComponent).toMatchSnapshot();
});
你能帮助我实现这个目标吗?