プロパティが true のchildren
場合に React によってレンダリングされる を返す React コンポーネントがあります。プロパティが false の場合、コンポーネントは を返し、React は何もレンダリングしません。isTrue
isTrue
null
これをコンポーネントとしてテストし、マウントして、プロパティを渡し、プロパティがisTrue
true の場合にその子要素がレンダリングされるか、またはfalse のnull
場合にレンダリングされるかをテストする必要があります。isTrue
これが私のコンポーネントです:
const RenderIf = ({ isTrue, children }) => {
if (isTrue) {
return children;
}
return null;
}
export default RenderIf
ベストアンサー1
const { container } = render(<RenderIf isTrue={false}>Content</RenderIf>)
expect(container).toBeEmptyDOMElement()