如何使用反应测试库对父组件中子组件的渲染进行单元测试？

Question

我不能post这里的原始代码，所以我将尝试解释我想要实现的目标。所以，我的组件显示 message.This 消息是在父组件 component.So 中呈现的子组件的一部分，我想对此进行单元测试 logic.But 我不知道如何编写在 React 测试中呈现子组件的单元测试 library.Example 代码：

function Home(props){
const message=props;
if(message==='warning')
return <Warning display={message}/>

所以我想编写单元测试来使用 react-testing-library 在我的父组件中实现警告组件的渲染。

Answer 1

我看不到你的代码，所以我有点猜测，但你需要这样的东西：

const props = { message: 'warning'}

const { container, getByText } = render(
    <Home {...props} />,
)

expect(getByText('warning')).toBeInTheDocument()

如果可行请告诉我

如何使用反应测试库对父组件中子组件的渲染进行单元测试？

How to Unit test the rendering of a child component in the parent component using react testing library?

reactjs

react-test-renderer

react-testing-library