reactjs 多个组件上的findByText

mnemlml8 于 2023-01-25 发布在 React

关注(0)|答案(1)|浏览(95)

我正在寻找做一些测试的一些组件。然而，它失败了，因为一些组件是嵌套的，但我想简单地检查文本是否呈现在屏幕上。
例如：

<div>Hello <br />World</div>

<div>Hello <p>World</p></div>

<p>Hello</p><p> World</p>

我并不是要看它们是否在正确的组件中呈现，而是要看文本"Hello World"是否呈现。
从我的测试来看，不是的。

1条答案

您将需要检查HTML节点的textContent属性，该属性将所有内部文本作为字符串包括在内。
使用JS：

const component = render(...)

expect(component.container.innerContent).toContain(...)

使用笑话extend-expect：

const component = render(...)

expect(component.container).toHaveTextContent(...)