使用Selenium定位鼠标悬浮出现的下拉菜单

爱被打了一巴掌 2023-06-11 15:24 135阅读 0赞

使用Selenium定位鼠标悬浮出现的下拉菜单

1、介绍

一些网站为了能够提供更多入口给用户，在制作网站的时候往往会使用鼠标悬浮出现下拉菜单的功能。以CSDN首页为例，鼠标悬停在个人头像上，会出现与个人信息有关的下拉菜单，当鼠标移走，菜单消失。

当在进行自动化测试的时候，如果需要选取下拉菜单中的控件，就需要使用Selenium提供的与键盘操作有关的Actions组件了。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI0NzU0MDYx_size_16_color_FFFFFF_t_70][]

2、处理方式

//头像控件的XPath是//*[@id="csdn-toolbar"]/div/div/ul/li[4]/div[1]/a
    //先定位到元素，然后使用actions调出下拉菜单，最后进行目标控件的定位
      WebElement avatarElement = driver.findElement(By.xpath("//*[@id=\"csdn-toolbar\"]/div/div/ul/li[4]/div[1]/a"));
       Actions actions = new Actions(driver);
       actions.moveToElement(avatarElement).perform();
       Thread.sleep(1000);
       //定位目标元素。如果鼠标不悬浮的话，是找不到这个元素的。
       driver.findElement(By.xpath("//*[@id=\"csdn-toolbar\"]/div/div/ul/li[4]/div[2]/div[1]/div[3]/a")).click();

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI0NzU0MDYx_size_16_color_FFFFFF_t_70]: /images/20230531/f6f154f656764eb6b4eb85aff4331552.png

发表评论取消回复

表情：

评论列表（有 0 条评论，135人围观）

还没有评论，来说两句吧...

相关阅读

相关使用Selenium定位鼠标悬浮出现的下拉菜单

使用Selenium定位鼠标悬浮出现的

爱被打了一巴掌/ 2023年06月11日 15:24/ 0 赞/ 136 阅读

相关 selenium定位非select下拉框的元素，定位不到

先来看下网页效果：是一个可输入的下拉列表 ![1524592-20190807182049490-1378551337.png][] 再来看一下代码：是

今天药忘吃喽~/ 2023年06月04日 07:56/ 0 赞/ 35 阅读

相关 vue鼠标悬停出现悬浮框

之前遇到一个需求，电商主页中鼠标悬停到某个a标签上面，下面就会出现一个div框，里面有各种选项。这里的主要问题是，如何做到鼠标悬停出现下拉框，并且鼠标移走下拉框和标签后下拉框消

╰半夏微凉°/ 2022年12月18日 00:48/ 0 赞/ 562 阅读

相关鼠标悬浮导航栏显示下拉菜单

在这里介绍鼠标悬停导航栏显示下拉菜单得两种方法，html和css样式就不贴代码了。 1、原生js <script> // window.

布满荆棘的人生/ 2022年10月27日 05:24/ 0 赞/ 430 阅读

相关 html鼠标经过自动下拉菜单,js css鼠标悬停显示下拉菜单

个人信息维护学生信息修改修改密码\--%> 修改密码\--%> 修改密码--%> 退出登录用户：

傷城~/ 2022年10月05日 13:57/ 0 赞/ 385 阅读

相关 html下拉列表鼠标悬浮自动先出来,下拉菜单/下拉列表鼠标提示ToolTip【JQuery实现】...

本文介绍如何使用JQuery给下拉菜单/下拉列表增加鼠标提示(ToolTip)。 ![aa919629334475c7ce7dd6f9f0595d4b.gif][] 下拉列

电玩女神/ 2022年10月05日 13:00/ 0 赞/ 340 阅读

相关经典的 div + css 鼠标 hover 下拉菜单

经典的 div + css 鼠标 hover 下拉菜单效果图： ![1483449-20181104185155190-1995357583.gif][] 源码：

骑猪看日落/ 2022年04月18日 02:35/ 0 赞/ 347 阅读

相关自动化测试——Selenium+Python之下拉菜单的定位

1.通过selenium.webdriver.support.ui的Select进行定位下拉菜单如下图： ![814362-20150925210803709-10553

川长思鸟来/ 2021年12月20日 12:41/ 0 赞/ 506 阅读

相关 day4——定位及下拉菜单

一、定位： 1. position:relative 相对定位以它默认位置为参考点定位 2. position:absolute 绝对定位;

柔情只为你懂/ 2021年12月03日 04:59/ 0 赞/ 321 阅读

相关鼠标悬浮菜单栏动画（vue版）

![在这里插入图片描述][20200506182037239.gif] 数据动态 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGV

我会带着你远行/ 2021年07月24日 20:18/ 0 赞/ 552 阅读