选择以赛普拉斯开头的类名称的元素

阿德里安·E

我有一些在React中动态生成的类。它们始终具有相同的前缀,但结尾均不同

如何使用赛普拉斯选择以X开头的类名?

<div class="this-is-always-the-same-abcd"></>
<div class="this-is-always-the-same-efgh"></>
<div class="this-is-always-the-same-ijkl"></>
Manuel Abascal

根据他们的“最佳实践文档”,您应该使用data-*属性为选择器提供上下文,并使它们与CSS或JS更改隔离。

建议您遵循以下准则:

  • 基于CSS不要在定位元素属性,例如:idclasstag
  • 不要定位可能会更改其元素的元素textContent
  • 添加data-*属性以使其更易于定位元素。

相反,您应该添加一个data-cy属性以定位要测试的选择器。

您可以使用此游乐场确定唯一的选择器。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章