Question

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

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()

让我知道是否可行

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

1 个答案: