小编Rol*_*ubó的帖子

如何使用 React 测试库测试 React 组件是否返回 null 或其子组件?

我有一个 React 组件,children如果 propisTrue是 true-y,它会返回由 React 渲染的组件。如果其 propisTrue为 false-y,则组件返回null,并且 React 不会渲染任何内容。

我需要将它作为一个组件进行测试,安装它,传递 prop,并测试当 prop 为 true-y 时它的子级是否被渲染,或者当prop 为 false-yisTrue时我们得到渲染。nullisTrue

这是我的组件:

const RenderIf = ({ isTrue, children }) => {
    if (isTrue) {
        return children;
    }
    return null;
}
export default RenderIf
Run Code Online (Sandbox Code Playgroud)

javascript reactjs jestjs react-testing-library

27
推荐指数
3
解决办法
2万
查看次数