React テスト ライブラリを使用して、React コンポーネントが null またはその子要素を返しているかどうかをテストするにはどうすればよいでしょうか? 質問する

React テスト ライブラリを使用して、React コンポーネントが null またはその子要素を返しているかどうかをテストするにはどうすればよいでしょうか? 質問する

プロパティが true のchildren場合に React によってレンダリングされる を返す React コンポーネントがあります。プロパティが false の場合、コンポーネントは を返し、React は何もレンダリングしません。isTrueisTruenull

これをコンポーネントとしてテストし、マウントして、プロパティを渡し、プロパティがisTruetrue の場合にその子要素がレンダリングされるか、または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()

おすすめ記事