无法点击 ul 标签下的 li 元素

Question

我有以下 HTML 代码：

<div class="resultDiv">
<span class="">Sort by : </span>
<div class="dropdown num-record">
<button id="dLabel" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="jsSortTypeText">Relevant</span>
<i class="icon-arrows_down"></i>
</button>
<ul class="dropdown-menu" aria-labelledby="dLabel" style="display: none;">
<li class="jsSortType" data-value="Prem" data-label="VIP first">VIP first</li>
<li class="jsSortType" data-value="Rec" data-label="Recent">Recent</li>
<li class="jsSortType jsDefaultSort selected" data-value="Rel" data-label="Relevant">Relevant</li>
</ul>
</div>
</div>

我正在尝试单击元素“dLabel”或“ul”，然后单击“最近”选项。

我尝试使用动作链、xpath、css 选择器，但没有任何效果。当使用动作链并且测试运行时没有任何错误但点击没有发生。

有人可以指导我做错了什么。下面是我的代码，它运行时没有任何错误，但没有打开下拉菜单并选择“最近”选项。

        menu1 = WebDriverWait(driver, 20).until(lambda driver: driver.find_element_by_xpath(".//*[@id='dLabel']"))
        clickon = WebDriverWait(driver, 20).until(lambda driver: driver.find_element_by_xpath("html/body/div[2]/div[2]/div[6]/div/div[3]/div[3]/div[1]/div/ul/li[2]"))
        action = ActionChains(driver)
        action.move_to_element(menu1).perform()
        action.move_to_element(clickon)
        action.click(clickon)
        action.perform()

我什至尝试过使用类似下面的东西：

    #now find Documents link and click
    recent = wait.until(EC.element_to_be_clickable((By.LINK_TEXT, "Recent")))
    recent.click()

然后我得到一个超时错误。也许我使用了错误的组合或什么的。

Answer 1

您可以尝试使用预期条件visibility_of_element_located，如下图：

driver.find_element_by_xpath("//div[@class='resultDiv']/div[@class='dropdown num-record']/button[@id='dLabel']")).click()
wait = WebDriverWait(driver, 10)
wait.until(EC.visibility_of_element_located((By.XPATH, '//div[@class='resultDiv']/div[@class='dropdown num-record']/ul[@aria-labelledby='dLabel']/li[text()='Recent']')))
driver.find_element_by_xpath("//div[@class='resultDiv']/div[@class='dropdown num-record']/ul[@aria-labelledby='dLabel']/li[text()='Recent']").click()

UPDATE1：尝试以下操作：

driver.find_element_by_xpath("//div[@class='resultDiv']/div[@class='dropdown num-record']/button[@id='dLabel']")).click()
wait = WebDriverWait(driver, 10)
wait.until(EC.visibility_of_element_located((By.XPATH, '//div[@class='resultDiv']/descendant::li[text()='Recent']')))
driver.find_element_by_xpath("//div[@class='resultDiv']/descendant::li[text()='Recent']").click()

如果您仍然遇到此问题，请告诉我。