selenium webdriver + junit 鼠标悬停,出现另一个元素,点击这个元素的解决方法

转载自http://blog.csdn.net/hcx1234567/article/details/17605533

经千辛万苦,终于解决了 UI TA(test automation) 中的这个难题,必须记录一下。

前提是:需要测试的这个页面是用 google 的 angularjs 写的。许多页面效果是用 angularjs 自带的一些事件结合 css hover实现的。测试的 UI TA 框架用的是 selenium webdriver + junit 。

问题是:页面上有一个效果:点击一个按钮 A,出现一个 project 的列表 B,将鼠标悬停在任意一个 project 上,会出现这个 project 的 所有 datasource 的列表。点击任意一个 datasource,可以搜索这个 datasource 里面的数据。我现在就是要模拟这个操作,做了以下尝试:

尝试一:利用 selenium 的 Actions 类的 moveToElement(webElement) 方法模拟鼠标悬停。大概 10 次中有 1 次可以成功点击到指定的 datasource。不成功的时候的效果是,好像鼠标在 project 上晃来晃去一样,datasource 列表就一闪一闪的出现多次,但就是没法点击。我们怀疑可能是鼠标悬浮到了选中的  webElement 的边界上,所以导致效果不稳定,所以试过将鼠标 move to 指定的 offset,以确保到元素的中间地带,但是没有用。在网上查到有人说 action 的 moveToElement 是鼠标一闪而过的,这一句代码执行完了,鼠标就不在元素上面了。建议用 jquery 的 mouseover(),鼠标会一直在元素上面。代码:

[java] view plaincopyprint?

  1. actions action = new Actions(driver);
  2. action.moveToElement(projectElement).moveByOffset(10, 3).build().perform();
		actions action = new Actions(driver);
		action.moveToElement(projectElement).moveByOffset(10, 3).build().perform();

尝试二:利用 jquery 的 mouseover() 模拟鼠标悬停。尝试了很久,悬停的效果就是没有出现,后来才知道是因为测试页面的这个元素上没有用 js 绑定 mouseover() 的事件,所以测试代码中的 mouseover() 也不会起作用。

[java] view plaincopyprint?

  1. JavascriptExecutor js = (JavascriptExecutor) driver;
  2. String jsStr = "$(‘projectListDiv>ul>li>a:eq(" + i+ ")‘).mouseover()";
  3. js.executeScript(jsStr);
		JavascriptExecutor js = (JavascriptExecutor) driver;
		String jsStr = "$(‘projectListDiv>ul>li>a:eq(" + i+ ")‘).mouseover()";
		js.executeScript(jsStr);

尝试三:有些 selenium API 的文档说有 mouseover(),我找啊找啊找,发现 selenium1 是有mouseover(),selenium2 没有了,而且selenium1 和 selenium2 driver 启用的方式完全不一样了,不太好将 selenium1 嵌入进来。

尝试四:WebDriver 的 click() 对隐藏的元素是否生效。试过,结论是:不可以。

尝试五:Javascript 的 click() 对隐藏的元素是否生效。试过,结论是:可以。这样,问题就迎刃而解了,可以跳过鼠标悬停 project 这个步骤,直接点击 datasource 就行了。附代码:

[java] view plaincopyprint?

  1. public static void searchInDatasourceOnSearchLogPage(WebDriver driver, String projectName, String datasourceName) {
  2. SearchWebElement.getWebElementByXPath(driver, projectListXpath).click();
  3. //得到project 的 list
  4. List<WebElement> projects = SearchWebElement.getWebElementListByXPath(
  5. driver, projectsXpath);
  6. List<WebElement> datasources = new ArrayList<WebElement>();
  7. JavascriptExecutor js = (JavascriptExecutor) driver;
  8. try {
  9. for (WebElement projectElement : projects) {
  10. System.out.println(projectElement.getText());
  11. if (projectName.equals(projectElement.getText())) {
  12. Actions action = new Actions(driver);
  13. //之所以还需要moveToElement,是因为我需要判断是否是指定的datasource,需要拿到datasource 的label元素的 text
  14. //而只有鼠标悬停在 project 上,出现 datasource 的list 之后,才能拿到这个 text
  15. action.moveToElement(projectElement).moveByOffset(10, 3)
  16. .build().perform();
  17. //得到datasource 的 list
  18. datasources = SearchWebElement.getWebElementListByXPath(driver, rawdataXpath);
  19. for (int i=1;i<=datasources.size();i++) {
  20. WebElement datasourceElement = datasources.get(i-1);
  21. System.out.println(datasourceElement.getText());
  22. if (datasourceName.equals(datasourceElement.getText())) {
  23. // 利用 js 的 click事件 去点击隐藏的元素
  24. String jsStr = "$(‘#projectListDiv>ul>li>ul>li>div:eq("+ i + ")‘).click();";
  25. js.executeScript(jsStr);
  26. }
  27. }
  28. }
  29. }
  30. } catch (Exception e) {
  31. e.printStackTrace();
  32. }
  33. }
		

总结一下,这个问题之所以花了很多时间才解决,一个很大的问题就是我对 javascript, jquery,angularjs 不熟,所以眼界比较窄,不知道能用什么方法去解决,所以只能在开发的提点下不断进行尝试。

时间: 2024-10-13 11:29:57

selenium webdriver + junit 鼠标悬停,出现另一个元素,点击这个元素的解决方法的相关文章

Selenium WebDriver 中鼠标事件(全)

Selenium WebDriver 中鼠标事件(全) 鼠标点击操作  鼠标点击事件有以下几种类型:  清单 1. 鼠标左键点击 Actions action = new Actions(driver);action.click();// 鼠标左键在当前停留的位置做单击操作 action.click(driver.findElement(By.name(element)))// 鼠标左键点击指定的元素 清单 2. 鼠标右键点击 Actions action = new Actions(drive

转:Selenium WebDriver 中鼠标和键盘事件分析及扩展

在使用 Selenium WebDriver 做自动化测试的时候,会经常模拟鼠标和键盘的一些行为.比如使用鼠标单击.双击.右击.拖拽等动作:或者键盘输入.快捷键使用.组合键使用等模拟键盘的操作.在 WebDeriver 中,有一个专门的类来负责实现这些测试场景,那就是 Actions 类,在使用该类的过程中会配合使用到 Keys 枚举以及 Mouse. Keyboard.CompositeAction 等类. 其次,在实际测试过程中,可能会遇到某些按键没办法使用 Actions.Keys 等类来

Selenium WebDriver 中鼠标和键盘事件分析及扩展(转)

本文将总结 Selenium WebDriver 中的一些鼠标和键盘事件的使用,以及组合键的使用,并且将介绍 WebDriver 中没有实现的键盘事件(Keys 枚举中没有列举的按键)的扩展.举例说明扩展 Alt+PrtSc 组合键来截取当前活动窗口并将剪切板图像保存到文件. 概念 在使用 Selenium WebDriver 做自动化测试的时候,会经常模拟鼠标和键盘的一些行为.比如使用鼠标单击.双击.右击.拖拽等动作:或者键盘输入.快捷键使用.组合键使用等模拟键盘的操作.在 WebDerive

Selenium WebDriver 中鼠标和键盘事件分析及扩展[转载]

原文:http://www.ibm.com/developerworks/cn/java/j-lo-keyboard/ 概念 在使用 Selenium WebDriver 做自动化测试的时候,会经常模拟鼠标和键盘的一些行为.比如使用鼠标单击.双击.右击.拖拽等动作:或者键盘输入.快捷键使用.组合键使用等模拟键盘的操作.在 WebDeriver 中,有一个专门的类来负责实现这些测试场景,那就是 Actions 类,在使用该类的过程中会配合使用到 Keys 枚举以及 Mouse. Keyboard.

Selenium WebDriver 中鼠标和键盘事件分析及扩展

组合键的使用以及对于 Keys 类型没有覆盖到的组合键的扩展 概念 在使用 Selenium WebDriver 做自动化测试的时候,会经常模拟鼠标和键盘的一些行为.比如使用鼠标单击.双击.右击.拖拽等动作:或者键盘输入.快捷键使用.组合键使用等模拟键盘的操作.在 WebDeriver 中,有一个专门的类来负责实现这些测试场景,那就是 Actions 类,在使用该类的过程中会配合使用到 Keys 枚举以及 Mouse. Keyboard.CompositeAction 等类. 其次,在实际测试过

selenium webdriver模拟鼠标键盘操作

在测试使用Selenium webdriver测试WEB系统的时候,用到了模拟鼠标.键盘的一些输入操作. 1.鼠标的左键点击.双击.拖拽.右键点击等: 2.键盘的回车.回退.空格.ctrl.alt.shift等: 在webdriver中,有专门的一个类,是用来进行鼠标.键盘的模拟操作的,那就是Actions类,该类使用时,又会涉及到Keyboard.Mouse.CompositeAction(复合动作),先对Mouse的方法做简单罗列,然后再用代码说明: 1.鼠标左键点击: Actions ac

不用js代码,在selenium里面实现鼠标悬停

一种简单的方式实现鼠标悬停,用selenium自带的Actions类中的 move_to_element() 方法很难实现,因为这个方法使得鼠标悬停一闪而过,不能达到悬停的效果.还是以百度首页右上角的按个"设置"为例,找到该按钮下的"搜索设置",从而进行点击,代码如下: from selenium import webdriverdriver = webdriver.Firefox()driver.get('https://www.baidu.com/index.p

selenium - webdriver actionchains 鼠标事件

webdriver中,将鼠标的操作封装在ActionChains类中,常用方法如下: 右击:context_click() 双击:double_click() 悬停:move_to_element() 拖动:drag_and_drop() 执行:perform() 执行所有ActionChains 中存储的行为,可理解为对整个操作的提交动作 ps:对元素的click()方法,可模拟鼠标左键单击事件 1. 鼠标右击 模拟鼠标右键点击百度首页的新闻按钮 from selenium import we

Selenium WebDriver 中鼠标事件

鼠标点击操作 鼠标点击事件有以下几种类型: 清单 1. 鼠标左键点击 Actions action = new Actions(driver);action.click();// 鼠标左键在当前停留的位置做单击操作 action.click(driver.findElement(By.name(element)))// 鼠标左键点击指定的元素 清单 2. 鼠标右键点击 Actions action = new Actions(driver); action.contextClick();// 鼠