小编han*_*han的帖子

我试图找到使用 React 测试库来测试 div 元素的 textContent 的最佳实践。

假设我想测试这个简单的 React 组件，看看它是否{props.text}在 HTML DOM 上正确呈现。

const Simple = props => (
  <>
    <div> {props.text} </div>
    <div> test text </div>
  </>
);

我尝试使用getByText，然后进行测试expect(getByText('text passed as prop')).toBeDefined()，但它似乎无法正常工作。

<div />如果我为第一个添加一个 className 或 id ，那么可能我可以直接选择，那一定会容易得多querySelector，但是如果我不想在此处添加任何 HTML 属性怎么办？如何正确定位这个元素？

有什么解决方案可以找到第一个没有属性的元素并测试其内部文本吗？