findByText 在多个组件上

Question

我希望对某些组件进行一些测试。 但是，鉴于某些组件是嵌套的，它会失败，但我想简单地检查文本是否呈现在屏幕上。

例如：

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

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

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

我不是要查看它们是否在正确的组件内呈现，而是要查看是否呈现文本“Hello World”。

从我在测试中看到的情况来看，事实并非如此。

Answer 1

您将需要检查 HTML 节点的textContent属性，其中包括作为字符串的所有内部文本。

使用 JS：

const component = render(...)

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

使用 Jest extend-expect ：

const component = render(...)

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