鼠标悬停,出现另一个元素,点击这个元素的解决方法
2014-11-19 14:59
447 查看
历经千辛万苦,终于解决了 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 plaincopy
actions action = new Actions(driver);
action.moveToElement(projectElement).moveByOffset(10, 3).build().perform();
尝试二:利用 jquery 的 mouseover() 模拟鼠标悬停。尝试了很久,悬停的效果就是没有出现,后来才知道是因为测试页面的这个元素上没有用 js 绑定 mouseover() 的事件,所以测试代码中的 mouseover() 也不会起作用。
[java] view plaincopy
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 plaincopy
public static void searchInDatasourceOnSearchLogPage(WebDriver driver, String projectName, String datasourceName) {
SearchWebElement.getWebElementByXPath(driver, projectListXpath).click();
//得到project 的 list
List<WebElement> projects = SearchWebElement.getWebElementListByXPath(
driver, projectsXpath);
List<WebElement> datasources = new ArrayList<WebElement>();
JavascriptExecutor js = (JavascriptExecutor) driver;
try {
for (WebElement projectElement : projects) {
System.out.println(projectElement.getText());
if (projectName.equals(projectElement.getText())) {
Actions action = new Actions(driver);
//之所以还需要moveToElement,是因为我需要判断是否是指定的datasource,需要拿到datasource 的label元素的 text
//而只有鼠标悬停在 project 上,出现 datasource 的list 之后,才能拿到这个 text
action.moveToElement(projectElement).moveByOffset(10, 3)
.build().perform();
//得到datasource 的 list
datasources = SearchWebElement.getWebElementListByXPath(driver, rawdataXpath);
for (int i=1;i<=datasources.size();i++) {
WebElement datasourceElement = datasources.get(i-1);
System.out.println(datasourceElement.getText());
if (datasourceName.equals(datasourceElement.getText())) {
// 利用 js 的 click事件 去点击隐藏的元素
String jsStr = "$('#projectListDiv>ul>li>ul>li>div:eq("+ i + ")').click();";
js.executeScript(jsStr);
}
}
}
}
} catch (Exception e) {
e.printStackTrace();
}
}
总结一下,这个问题之所以花了很多时间才解决,一个很大的问题就是我对 javascript, jquery,angularjs 不熟,所以眼界比较窄,不知道能用什么方法去解决,所以只能在开发的提点下不断进行尝试。
前提是:需要测试的这个页面是用 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 plaincopy
actions action = new Actions(driver);
action.moveToElement(projectElement).moveByOffset(10, 3).build().perform();
尝试二:利用 jquery 的 mouseover() 模拟鼠标悬停。尝试了很久,悬停的效果就是没有出现,后来才知道是因为测试页面的这个元素上没有用 js 绑定 mouseover() 的事件,所以测试代码中的 mouseover() 也不会起作用。
[java] view plaincopy
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 plaincopy
public static void searchInDatasourceOnSearchLogPage(WebDriver driver, String projectName, String datasourceName) {
SearchWebElement.getWebElementByXPath(driver, projectListXpath).click();
//得到project 的 list
List<WebElement> projects = SearchWebElement.getWebElementListByXPath(
driver, projectsXpath);
List<WebElement> datasources = new ArrayList<WebElement>();
JavascriptExecutor js = (JavascriptExecutor) driver;
try {
for (WebElement projectElement : projects) {
System.out.println(projectElement.getText());
if (projectName.equals(projectElement.getText())) {
Actions action = new Actions(driver);
//之所以还需要moveToElement,是因为我需要判断是否是指定的datasource,需要拿到datasource 的label元素的 text
//而只有鼠标悬停在 project 上,出现 datasource 的list 之后,才能拿到这个 text
action.moveToElement(projectElement).moveByOffset(10, 3)
.build().perform();
//得到datasource 的 list
datasources = SearchWebElement.getWebElementListByXPath(driver, rawdataXpath);
for (int i=1;i<=datasources.size();i++) {
WebElement datasourceElement = datasources.get(i-1);
System.out.println(datasourceElement.getText());
if (datasourceName.equals(datasourceElement.getText())) {
// 利用 js 的 click事件 去点击隐藏的元素
String jsStr = "$('#projectListDiv>ul>li>ul>li>div:eq("+ i + ")').click();";
js.executeScript(jsStr);
}
}
}
}
} catch (Exception e) {
e.printStackTrace();
}
}
总结一下,这个问题之所以花了很多时间才解决,一个很大的问题就是我对 javascript, jquery,angularjs 不熟,所以眼界比较窄,不知道能用什么方法去解决,所以只能在开发的提点下不断进行尝试。
相关文章推荐
- 鼠标悬停,出现另一个元素,点击这个元素的解决方法
- UI TA: selenium webdriver + junit 鼠标悬停,出现另一个元素,点击这个元素的解决方法
- UI TA: selenium webdriver + junit 鼠标悬停,出现另一个元素,点击这个元素的解决方法
- 我的VS2003没有鼠标悬停提示的解决方法
- 关于CINEMA 4D与QQ冲突,出现鼠标操作混乱问题的解决方法!
- li元素中包含img元素出现5px空白的解决方法
- LoadRunner Sample WebTours 点击Flights出现空白解决方法
- Incompatible types:'TDBGridEh' and 'TDBGrid' 出现这个错误的解决方法
- 用户控件包含一个搜索功能,但是在调用页面中按回车时无法直接提交这个表单,只有鼠标点击才提交,如何解决?
- Win8 下点击链接调用Google Chrome出现Chrome is unresponsive, relaunch now的解决方法
- win7中桌面点击鼠标右键反映过慢的解决方法
- [转]IE点击链接没有反应或打开新窗口出现一个空白框(地址栏空白)的解决方法
- silverlight ”元素已经是另一个元素的子元素“ 错误解决方法
- AS3.0加载XML出现“#1088 文档中根元素后面的标记格式必须正确”的解决方法
- 解决eclipse双击类名、选中类名出现假死或者非常慢的问题(取消Eclipse鼠标悬停和自定义快捷键)
- 带输入框AlertDialog 第二次点击出现错误解决方法
- USB鼠标经常出现不能用的情况——解决方法
- pv3d中场景交互,鼠标点击时报undefined错误的解决方法
- 关于html中a标记点击连接之后,a:hover鼠标放上去失效的原因及解决方法!
- word07在失去焦点之后不能使用鼠标点击的解决方法