反应测试库渲染，子道具未定义答案

【问题标题】：react testing library rendering , child prop is undefined反应测试库渲染，子道具未定义
【发布时间】：2019-11-25 10:40:03
【问题描述】：

假设我想检查这个组件是否使用正确的初始道具渲染它的子组件

const { container } = render(<Header/>)

在哪里

<div> <SomeChild custom-prop=innerHeaderVariableLikeInitialState /> </div>

在我运行测试时可以尝试检查任何内容之前，我得到了 prop 'custom-prop' 被标记为必需，但它的值是未定义的（我使用 prop 类型）所以这意味着 react-testing-library 没有初始化它的子组件？如何管理这个？我觉得我没有用正确的角度来看待这个

谢谢

【问题讨论】：

标签： react-testing-library

【解决方案1】：

你要找的可能是container.firstChild。

但是，测试某些 props 的存在与 react-testing-library 的“不测试实现细节”方法背道而驰。真的，没有办法用渲染的输出来做到这一点，因为它都是 DOM 元素，而不是 React 组件。相反，请考虑您可以寻找哪些面向用户的元素，例如文本、可访问性标签等。您如何验证用户看到的是您希望他们看到的内容？

【讨论】：