Selenium针对多选动态菜单分类,实现定位控制解决办法

Selenium针对多选动态菜单分类,实现定位控制解决办法

背景

关于Selenium通过控制谷歌浏览器实现WebUI的自动化测试,当选中分类列表时,由于具体的分类内容是前端点击输入框后,根据后端实时查询返回数据生成的html,其对应的span网页时一直在变化的,且是三级表单选择分类

注意:本案例代码由于涉及公司机密,因此本案例提供的代码是无法直接跑通的,本案例主要是提供一个解决办法的思路,仅供参考
算法分类案例图

解决办法

三级表单元素必须鼠标悬浮一级分类后,第二级分类才显示,鼠标悬浮在二级分类上,三级分类才显示,因此其span元素所对应的标签是动态的,话不多说,直接上代码
当选择“复制XPath”时,第一次span元素对应的Xpath路径为:
//[@id=“cascader-menu-2145-2-3”]/span
第二次span元素对应的Xpath路径为:
//
[@id=“cascader-menu-8179-2-1”]/span
你会发现当选择“复制XPath”时,其对应的XPath地址一直在变化,导致定位时找不到该元素
当采用“复制完整XPath”地址时,其对应的XPath地址每次打开的地址是不变的,都是
/html/body/div[4]/div[1]/div[1]/div[1]/ul/li/span
其根据html表结构顺序进行定位的,这种相对顺序一般是没有问题的,具体复制XPath地址的方法如下图所示:
在这里插入图片描述

from selenium import webdriver
from selenium.webdriver.chrome.service import Service
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import Select
from selenium.webdriver.common.action_chains import *
from selenium.webdriver.support.wait import WebDriverWait
wd = webdriver.Chrome(r'F:\WebUI\chromedriver.exe')
# 调用WebDriver 对象的get方法 可以让浏览器打开指定网址
# 进入登录界面
wd.get('http://')#具体根据自己网址进行选择
element1 = wd.find_element_by_xpath('//*[@id="app"]/div/div[2]/section/div/div[2]/div/div[2]/form/div[11]/div[1]/div/div/div/input').click()#选中输入框属性,点击输入框后弹出分类一级列表
FenLei_span = wd.find_element_by_xpath("/html/body/div[4]/div[1]/div[1]/div[1]/ul/li/span")
#选择Xpath时,需复制“完整的Xpath路径”
time.sleep(2)
webdriver.ActionChains(wd).move_to_element(FenLei_span).perform()#鼠标悬浮在第一级分类上(“算法超市”),同时显示第二级分类列表
# webdriver.ActionChains(wd).click_and_hold(FenLei_span).perform()
TongYong_span = wd.find_element_by_xpath("/html/body/div[4]/div[1]/div[2]/div[1]/ul/li[1]/span")#选择Xpath时,需复制第二级分类的“完整的Xpath路径”
# wd.implicitly_wait(10)
time.sleep(2)
webdriver.ActionChains(wd).move_to_element(TongYong_span).perform()#鼠标悬浮在第二级分类上(“通用算法”),同时显示第三级分类列表
XinXi_span = wd.find_element_by_xpath("/html/body/div[4]/div[1]/div[3]/div[1]/ul/li[2]/span")#选择Xpath时,需复制第三级分类的“完整的Xpath路径”
print(XinXi_span.text)
wd.implicitly_wait(10)
# time.sleep(5)
webdriver.ActionChains(wd).move_to_element(XinXi_span).perform()#鼠标悬浮在第三级分类上(“信息查询类”)
wd.find_element_by_xpath("/html/body/div[4]/div[1]/div[3]/div[1]/ul/li[2]/span").click()
### 使用Selenium定位网页上的二级菜单栏元素 对于使用Selenium进行自动化测试时遇到的操作,如定位并操作网页中的二级菜单栏元素,可以通过种方法实现。通常情况下,这些菜单项可能是在鼠标悬停于父级菜单项之上时才可见的子元素。 #### 方法一:通过Action Chains模拟用户行为 当处理下拉菜单或其他依赖于特定交互才能显示的内容时,`ActionChains`类非常有用。下面是一个Python的例子来展示如何执行这样的动作: ```python from selenium import webdriver from selenium.webdriver.common.action_chains import ActionChains driver = webdriver.Chrome() driver.get('http://example.com') # 定位到顶级菜单项 top_menu_item = driver.find_element_by_link_text("Top Menu") # 创建action chain对象用于构建复杂的事件序列 actions = ActionChains(driver) # 将光标移动至顶部菜单项上方触发子菜单出现 actions.move_to_element(top_menu_item).perform() # 查找并点击第二个级别的菜单项之一 second_level_submenu = driver.find_element_by_css_selector(".submenu-item-class") second_level_submenu.click() ``` 此代码片段展示了怎样先找到顶层菜单条目,再创建一系列的动作链以模仿用户的实际浏览习惯——即把指针移到指定位置从而让隐藏起来的次层链接显现出来以便进一步取或激活它们[^1]。 需要注意的是,在某些网站设计中,可能会存在JavaScript动态加载的情况,这可能导致页面结构发生变化。因此建议开发者们总是要检查目标站点的具体HTML源码以及任何潜在的变化因素,确保所编写的脚本能适应不同的环境变化。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值