css 选择器在浏览器中有效，但在 Selenium 中无效

Question

我正在使用 Selenium 进行测试自动化，通常使用 css 选择器来定位元素。然而，最近，我遇到了一个奇怪的问题。我注意到在某些情况下，当我在浏览器控制台中进行测试时，css 选择器可以正常工作。例如，要从众多按钮中选择一个特定按钮，我会这样做：

(1) $("div.v-app[id^='v-discussions'] .v-button-caption:contains('Add')")

但是当我实际在 Selenium 中使用时，它会返回一个错误：

Caused by: org.openqa.selenium.InvalidSelectorException: The given selector div.v-app[id^='v-discussions'] .v-button-caption:contains('Add') is either invalid or does not result in a WebElement. The following error occurred:
InvalidSelectorError: An invalid or illegal selector was specified

我还用querySelector 尝试了那个字符串，我得到“非法字符串”错误：

(2) document.querySelectorAll("div.v-app[id^='v-discussions'] .v-button-caption:contains('Add')")

为什么会发生这种情况？

附言

这是每个元素的样子：

<span class="v-button-caption">Add Comment</span>

Answer 1

去吧：

WebElement element = driver.findElement(By.className("v-button-caption"));

我在 Selenium Webdriver 中使用它，对我来说效果很好