html - Css 选择器还是 Xpath 方法？

Question

我正在尝试使用 WebDriver 为以下 HTML block 编写一个用于自动化测试的 css 选择器，以便我可以选择一个单选按钮。

<span data-id="c1cf48c1-fbe3-44ea-ac5c-dfe588f0ed18" class="folder">
<input id="Folders" name="Folders" type="radio" value="c1cf48c1-fbe3-44ea-ac5c-dfe588f0ed18">               Contract Folder
</span>

我试图写一个 xpath 表达式 //*[contains(.,"Contract")]无济于事，因为返回的元素太多，当我尝试 //*[contains(.,"Contract Folder")]没有任何东西被退回。因此，我尝试使用我更喜欢使用的 css。 value 属性是动态的，因此我无法将其用作引用。

有人可以帮助建议在这种情况下最好的方法是什么？

非常感谢。

Answer 1

由于元素 ID 在 OP 的用例中不是唯一的(请参阅@alecxe 答案的评论)，您可以根据 span 中的文本内容使用 XPath 解决方案。 :

.//span[@class="folder"][normalize-space(.)="Contract Folder"]/input[@type="radio"]