React.js：如何获得所有 props 组件期望？

Question

我开始对 React.js 应用程序进行单元测试，我面临的挑战之一是确定组件正确安装它所需的所有道具。是否有任何实用程序可以检查成功安装组件所需的一切？此外，这些道具的数据类型可以为组件渲染适当地初始化它们。

就像我的一个组件是使用扩展{...props}运算符从父级获取道具一样。并且父级也使用扩展运算符获取这些，然后添加一些额外的道具并将其传递给子级。这使我很难获得组件期望的所有道具。有没有合法的方法来获取道具列表？

Answer 1

对于单元测试，您的父组件仅检查它添加到其子组件的属性是完全可以的。因为在单元测试中，您只是测试特定单元的功能。在这种情况下，您需要检查父组件是否将所有需要的属性添加到其子组件，并传递它所需的所有其他属性（无论它们是什么）。

同时，您测试子组件并检查其功能。

要检查两个或多个组件是否正确交互，您应该使用E2E/功能测试。在这种情况下，您将测试工作应用程序的一些功能部分。如果您在组件交互方面遇到一些问题，它们将会弹出。