如何使用 Selenium 和 Python 在复杂网站中定位下拉选择元素并选择一个选项

Question

我有一个非常复杂的网站，我正在尝试使用 Selenium 进行测试。但是当我尝试获取 XPath 时，例如，我会得到这样的结果。

//*[@id="datatable1595356931082"]/div[1]/div[2]/table/tbody/tr[3]/td[2]/div/select/option[8]

绝对 XPath：

/html/body/div[4]/div[2]/div[2]/div/div[2]/div[2]/div/div/div[1]/div[2]/table/tbody/tr[3]/td[2]/div/select/option[8]

在 Selenium 中，我尝试使用绝对路径，例如

driver.find_element_by_xpath("/html/body/div[4]/div[2]/div[2]/div/div[2]/div[2]/div/div/div[1]/div[2]/") 

它会尝试出错，说它无法找到 XPath。数据表似乎在运行时创建了一个动态数字。 我在这里要做的是选择一个看起来像这样的下拉列表

<div role="columnheader" class="webix_hcell webix_ss_filter">
<select>
<option value=""></option>
<option value="A">A</option>
<option value="B">B</option>
.
.
.
</select>
</div>

我也试过

driver.find_element_by_class_name('webix_hcell webix_ss_filter')

但这也出错了

selenium.common.exceptions.NoSuchElementException: Message: no such element: Unable to locate element: {"method":"css selector","selector":".webix_hcell webix_ss_filter"}

对于上述一个

selenium.common.exceptions.InvalidSelectorException: Message: invalid selector: Unable to locate an element with the xpath expression /html/body/div[4]/div[2]/div[2]/div/div[2]/div[2]/div/div/div[1]/div[2]/ because of the following error:
SyntaxError: Failed to execute 'evaluate' on 'Document': The string '/html/body/div[4]/div[2]/div[2]/div/div[2]/div[2]/div/div/div[1]/div[2]/' is not a valid XPath expression.
  (Session info: chrome=84.0.4147.89)

Answer 1

这行不通，因为 *_by_class_name 仅适用于单个类名：

driver.find_element_by_class_name('webix_hcell webix_ss_filter')

尝试使用*_by_css_selector：

element = driver.find_element_by_css_selector('div.webix_hcell.webix_ss_filter select')

Answer 2

您需要考虑以下几点：

• 从您的第一次尝试开始，WebElement 显示为动态元素，因为 id 属性值存在为 datatable1595356931082，这可能会在每次访问时或定期更改：

  //*[@id="datatable1595356931082"]/div[1]/div[2]/table/tbody/tr[3]/td[2]/div/select/option[8]
  

• 在您的第二次尝试中，您使用了绝对的xpath。由于网站是动态的，元素将在每次访问时或定期重新定位：

  /html/body/div[4]/div[2]/div[2]/div/div[2]/div[2]/div/div/div[1]/div[2]/table/tbody/tr[3]/td[2]/div/select/option[8]
  

• 在您的第三次尝试中，xpath 以 / 结尾，这是不希望的。因此你面对InvalidSelectorException

• 在您的第四次尝试中，您通过driver.find_element_by_class_name('webix_hcell webix_ss_filter') 传递了多个类，其中driver.find_element_by_class_name() 只接受一个类名 作为参数。

您可以在Invalid selector: Compound class names not permitted error using Selenium找到详细讨论

• 最后是<select>节点，所以需要使用Select类。

您可以在How to select a drop-down menu value with Selenium using Python?找到详细讨论

---

解决方案

基于相关文本的 HTML 将帮助我们构建规范的答案。但是，根据提供的 HTML 以单击文本为 A 的选项，您可以使用以下任一 Locator Strategies:

• 使用XPATH 和select_by_visible_text()：

  select = Select(WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//div[@class='webix_hcell webix_ss_filter' and @role='columnheader']//following::select[1]"))))
  select.select_by_visible_text('A')
  

• 使用CSS_SELECTOR 和select_by_value()：

  select = Select(WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "div.webix_hcell.webix_ss_filter[role='columnheader'] +select"))))
  select.select_by_value('A')
  

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

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