如何使用 React 测试库和 jest 测试条件渲染的字符串

Question

嗨，我是 React 测试库的新手，需要一些帮助。我想使用 React 测试库测试以下代码，以根据布尔值的可见性属性有条件地确定组件上的文本是“活动”还是“非活动”：

const SomeComponent = ({visibility}) => {
         return (
            <Badge>
              {visibility ? 'Active' : 'Inactive'}
            <Badge />
          );
 };

任何帮助将不胜感激！谢谢！

Answer 1

以下是您可以为组件编写的测试示例：

RateLimiter