如何使用 Selenium 和 Python 选择具有 unselectable="on" 属性的剑道下拉元素

Posted 2023-03-06

【中文标题】如何使用 Selenium 和 Python 选择具有 unselectable="on" 属性的剑道下拉元素

【英文标题】：How to select kendo dropdown element with unselectable="on" attribute using Selenium and Python

【发布时间】：2020-03-05 02:54:33

【问题描述】：

无法使用以下代码选择剑道下拉菜单。可以访问该站点以检查代码。

<span unselectable="on" class="k-dropdown-wrap k-state-default"><span unselectable="on" class="k-input">Chang</span><span unselectable="on" class="k-select" aria-label="select"><span class="k-icon k-i-arrow-60-down"></span></span></span>



Code: 
from selenium import webdriver
from selenium.webdriver.common.action_chains import ActionChains
from selenium.webdriver.support.select import Select
from selenium.webdriver.common.keys import Keys
import time
driver = webdriver.Chrome('./chromedriver')
driver.get("https://demos.telerik.com/kendo-ui/dropdownlist/remotedatasource")
select = driver.find_element_by_xpath('//*[@id="example"]/div/span/span/span[1]')[0]
select.SelectByValue("Chang");
print('Success')

【参考方案1】：

要使用Selenium 在剑道下拉菜单中选择文本为Chang 的项目，您必须为element_to_be_clickable() 诱导WebDriverWait，您可以使用以下Locator Strategies：

使用CSS_SELECTOR：

driver.get("https://demos.telerik.com/kendo-ui/dropdownlist/remotedatasource")
WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "span.k-widget.k-dropdown[aria-owns='products_listbox']"))).click()
WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "div.k-animation-container>div#products-list ul li[data-offset-index='1']"))).click()

使用XPATH：

driver.get("https://demos.telerik.com/kendo-ui/dropdownlist/remotedatasource")
WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//span[@class='k-widget k-dropdown' and @aria-owns='products_listbox']"))).click()
WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//div[@class='k-animation-container']/div[@id='products-list']//ul//li[text()='Chang']"))).click()

注意：您必须添加以下导入：

from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.common.by import By
from selenium.webdriver.support import expected_conditions as EC

浏览器快照：

【讨论】：

它有效，有任何关于剑道控制复选框、多选、网格等使用 python selenium 的文档吗？提前致谢

@Vignesh 我不确定是否有任何具体文档，但如果您提出问题，我想看看。

如何通过dropdpwn list id进行选择？因为当我们在 html 中进行更改时，xpath 或 css 选择器会发生变化，并且需要在测试用例代码中更新 xpath 或 css 选择器。处理这种情况的有效方法是什么？