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

Question

我有一些在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"></>

Answer 1

根据它们的Best Practices Documentation，您应该使用data-*属性为选择器提供上下文，并使它们与CSS或JS更改隔离。

建议您遵循以下准则：

• 不要基于CSS属性来定位元素，例如：[id，class，tag。
• 不要定位可能会更改其textContent的元素。
• 添加data-*属性可以更轻松地定位元素。

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

您可以使用this playground确定唯一的选择器。