java - 如何在跨度下拉菜单cssSelector webdriver Java中选择元素

Question

我试图在 webdriver 中选择这些元素，在我单击打开下拉菜单的按钮后。我可以很好地单击按钮，然后它就会下降。

WebElement providers = driver.findElement(By.id("providers"));
      providers.click();

HTML

<input id="providers" class="providersOff" type="button">
<div id="providers-list" class="">
    <ul>
        <li ng-click="searchProvider(0)">
            <div class="imageContainer">
                <span>Google</span> <--TRYING TO SELECT THIS

我正在尝试选择 Google 元素。

这两种我都试过了，但都不行:

driver.findElement(By.cssSelector(".imageContainer[Google]"));
driver.findElement(By.cssSelector(".providers-list > li[ng-click*= searchProvider(0)]"));

它运行这些非常好:

  // Assign search-bar & send keys
      WebElement searchbar = driver.findElement(By.id("txtSearch"));
      searchbar.sendKeys("Pizza");


      // Assign provider drop-down & click
      WebElement providers = driver.findElement(By.id("providers"));
      providers.click();

Answer 1

应该是:

div.imageContainer > span

这基本上意味着:

give me the span element which is a direct child of a div element with class="imageContainer".

要获取实际文本，请使用 .text:

WebElement span = driver.findElement(By.cssSelector("div.imageContainer > span"));
System.out.println(span.text);

---

如果你想通过文本匹配span，你可以使用xpath来实现:

WebElement google = driver.findElement(By.xpath("//div[@class='imageContainer']/span[. = 'Google']"));
google.click();

---

或者，您还可以依赖 li 元素的 ng-click 属性:

WebElement span = driver.findElement(By.cssSelector("li[ng-click$='(0)'] > div.imageContainer > span"));

其中 $= 是 ends-with selector .