reactjs - 使用酶测试 React 组件时使用哪个 html 属性来选择节点

Question

我正在使用 Enzyme 对反应组件进行单元测试，并且我试图找出使用什么 html 属性来装饰节点，并提供足够的信息让我在测试中选择它们。出于几个原因，我对使用 className 犹豫不决。首先，如果我设置了一个 className，它意味着该节点有一些特定的样式，并且在我的测试中的许多情况下，我只需要一种方法来选择节点并声明一些关于它的东西。其次，我使用 CSS 模块，所以设置全局类名只是为了支持单元测试感觉不对。class人们用于向节点添加任意信息的属性是否有一个很好的替代方案？

Answer 1

您是通过 DOM 渲染还是浅层渲染来测试它们？如果浅渲染，您可以设置任意道具并对其进行断言。如果要向 DOM 节点添加任意属性，data-如果没有更好的方法来选择需要断言的节点，则可以使用属性。