java - 如何使用 selenium webdriver 和 Java 从 kendo 下拉列表中选择一个选项

Question

这是我的 HTML 代码:

<ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-hidden="true" id="ddlSettleMode_listbox" aria-live="polite" data-role="staticlist" role="listbox"><li tabindex="-1" role="option" unselectable="on" class="k-item k-state-selected k-state-focused" data-offset-index="0" id="18e2d509-b1e1-4588-bd2a-dcff29b45b83">Select</li><li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="1">Cash</li><li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="2">Card</li><li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="3">Cheque</li><li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="4">Paytm</li><li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="5">NEFT</li><li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="6">DD</li><li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="7">IMPS</li><li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="8">Online</li><li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="9">UPI</li><li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="10">Digital</li><li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="11">CMS</li><li tabindex="-1" role="option" unselectable="on" class="k-item" data-offset-index="12">Univ</li></ul>

这是我的 Selenium 代码:

WebDriverWait Waita = new WebDriverWait(driver, 20);
        Waita.until(ExpectedConditions.visibilityOfElementLocated(By.xpath("//span[text() = 'Select']")));
        Waita.until(ExpectedConditions.elementToBeClickable(By.xpath("//span[text() = 'Select']"))).click();
        WebDriverWait waitb = new WebDriverWait(driver, 20);
        waitb.until(ExpectedConditions.visibilityOfElementLocated(By.xpath("//li[text() = 'Cash']")));
        waitb.until(ExpectedConditions.elementToBeClickable(By.xpath("//li[text() = 'Cash']"))).click();

我收到以下错误消息:

Exception in thread "main" org.openqa.selenium.TimeoutException: Expected condition failed: waiting for visibility of element located by By.xpath: //li[text() = 'Cash'] (tried for 20 second(s) with 500 milliseconds interval)

Answer 1

要在剑道下拉列表中选择文本为现金的项目，请使用 Selenium而不是使用 `` 你必须为 elementToBeClickable() 引发 WebDriverWait 并且你可以使用以下任一 Locator Strategies :

• css选择器:

  new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.cssSelector("ul.k-list.k-reset#ddlSettleMode_listbox li.k-item[data-offset-index='0']"))).click();
  new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.cssSelector("li.k-item[data-offset-index='1']"))).click();
  

• xpath:

  new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.xpath("//ul[@class='k-list k-reset' and @id='ddlSettleMode_listbox']//li[contains(@class, 'k-item') and text()='Select'][@data-offset-index='0']"))).click();
  new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.xpath("//li[@class='k-item' and text()='Cash'][@data-offset-index='1']"))).click();