我开始对React应用程序进行单元测试，我面临的挑战之一是确定组件正确安装所需的所有道具 . 是否有任何实用程序可以检查成功安装组件需要什么？此外，这些道具的数据类型可以适当地初始化它们以进行组件渲染 .
就像我的一个组件是使用spread {...props} 运算符从父级获取道具 . 父母也使用传播操作符获取这些，然后添加一些额外的道具并将其传递给孩子 . 这让我很难获得组件所需的所有道具 . 有没有合法的方法来获得道具清单？
{...props}
对于unit testing，您的父组件只能检查它添加到其子组件的属性是完全可以的 . 因为在单元测试中，您只需测试特定单元的功能 . 在这种情况下，您要检查您的父组件是否将所有需要的属性添加到其子组件并传递它所采用的所有其他属性（无论它们是什么） .
与此同时，您可以测试子组件并检查其功能 .
要检查两个或更多组件是否正确相互影响，您应该使用E2E/functional testing . 在这种情况下，您将测试工作应用程序的一些功能部分 . 如果您在组件交互方面遇到一些问题，它们会弹出 .
解决这个问题的一种方法是使用装饰器 . 我知道他们还没有完全在这里，现在你可能需要使用打字稿等 . 但它是所述问题的解决方案，允许您装饰并将任何所需信息附加到组件的属性 . 下面是打字稿中的一个例子：
@PropContainer("Textbox") export class TextboxProps { @Prop(PropertyType.Mandatory) public propA: string; @Prop(PropertyType.Optional) public propB?: number; }
2 回答
对于unit testing，您的父组件只能检查它添加到其子组件的属性是完全可以的 . 因为在单元测试中，您只需测试特定单元的功能 . 在这种情况下，您要检查您的父组件是否将所有需要的属性添加到其子组件并传递它所采用的所有其他属性（无论它们是什么） .
与此同时，您可以测试子组件并检查其功能 .
要检查两个或更多组件是否正确相互影响，您应该使用E2E/functional testing . 在这种情况下，您将测试工作应用程序的一些功能部分 . 如果您在组件交互方面遇到一些问题，它们会弹出 .
解决这个问题的一种方法是使用装饰器 . 我知道他们还没有完全在这里，现在你可能需要使用打字稿等 . 但它是所述问题的解决方案，允许您装饰并将任何所需信息附加到组件的属性 . 下面是打字稿中的一个例子：