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

标签 javascript reactjs jestjs react-testing-library

我有一个 React 组件,它返回它的 children如果 prop isTrue 由 React 渲染是真的。如果它的 Prop isTrue为 false-y,则组件返回 null , React 不渲染任何东西。
我需要将它作为一个组件进行测试,安装它,传递 Prop ,并测试它的 child 是否在 Prop isTrue 时被渲染。是真的,或者我们得到null如果 isTrue是假的。
这是我的组件:

const RenderIf = ({ isTrue, children }) => {
    if (isTrue) {
        return children;
    }
    return null;
}
export default RenderIf

最佳答案

expect(container).toBeEmptyDOMElement()

关于javascript - 如何使用 React 测试库测试 React 组件是否返回 null 或其子级?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62919547/

相关文章:

javascript - 如何将 2 个 flex block 与 HTML 和 CSS 分开?

javascript - 组件文件夹中 index.js 的好处

ruby-on-rails - 电子商务中的阿尔戈利亚与Elasticsearch

unit-testing - Vue with jest - 使用异步调用进行测试

Angular Jest 测试打开 MatDialog 的组件 - 打开不是函数

javascript - React Router <LINK>如何在 Jest 测试中获取 href 的值

Javascript:构造 AudioContext 时忽略采样率

javascript - 为什么一些浏览器原生的全局对象写成 window.object 而其他的只写成 object?

javascript - 如何将值从客户端发送到服务器端以进行服务器端处理

javascript - 在 React 组件中使用 static contextTypes = {} 的原因是什么?