使用角色、testid和类名响应呈现测试

角色和测试id之间有什么区别?

A. role 是可访问性和语义html结构中使用的html属性。

WAI-ARIA Roles

test-id 是用于连接到特定DOM节点进行测试的特殊id。它们通常是 data-X 属性,即。 data-testid="test" ,但也可以是简单的 id

您应该主要将角色用作应用程序可访问性策略的一部分,而不是用于测试。

我应该何时定义类名的“角色”或“测试id”实例?

react-testing-library 查询 cheatsheet What Query Should I Use?

根据指导原则,您的测试应该尽可能类似于用户如何与代码(组件、页面等)交互。考虑到这一点,我们建议以下优先顺序:

3. 测试ID 对容器的手动查询( container.querySelector