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

Question

我无法在此处发布原始代码，因此我将尝试解释我想要实现的目标。所以，我的组件显示消息。此消息是在父组件中呈现的子组件的一部分。所以，我想对这个逻辑进行单元测试。但我不知道如何编写单元测试来呈现子组件反应测试库中的组件。示例代码：

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

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

标签： reactjsreact-testing-libraryreact-test-renderer

Answer 1

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

const props = { message: 'warning'}

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

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

让我知道这是否有效