文档章节

和我一起学 Selenium WebDriver(7)——基础篇

zTree
 zTree
发布于 2012/12/20 16:55
字数 1190
阅读 4.9K
收藏 3
    昨天我们已经可以轻松移动鼠标了,距离拖拽只有一步之遥。 其实这就是一层窗户纸,捅破它就搞定了,之前做的操作可以说都是单步操作:移动鼠标、点击页面元素、弹出窗口等等;而拖拽操作就不行了,他需要一连串连贯的动作配合起来:mousedown、mousemove、mouseup,缺了哪个都不行,顺序不对也不行。

【1、如何进行拖拽】
    这时候我们就需要用到 org.openqa.selenium.interactions.Actions 这个类了,它专门用来做动作组合的。 Actions 中有若干方法,可以让你很容易的生成 鼠标、按键的操作集合。
    例如: clickAndHold + moveToElement + release 就可以组合成一套拖拽的操作;
    详细内容还请查看 Selenium 的 javadoc:http://selenium.googlecode.com/svn/trunk/docs/api/java/index.html

     生成操作组合后,利用 build 方法可以得到一个有效的 Action 对象;最后使用 perform 方法执行就可以了。

    和昨天测试鼠标移动的情况类似,还是 FireFox 问题最大, IE8 有小问题, Chrome 测试最正常。

FireFox:使用 moveToElement 方法时,效果同昨天使用 MoveToOffsetAction 情况类似,xOffset、yOffset值无论如何设置,在页面上得到的都是 指定的 页面元素;
    另外,如果在不使用 moveToElement的时候就使用moveByOffset 很容易报错:org.openqa.selenium.interactions.MoveTargetOutOfBoundsException: Element cannot be scrolled into view: (WARNING: The server did not provide any stacktrace information)

IE8: 使用 moveToElement 方法时,如果用到了 xOffset、yOffset 参数,你会发现在 IE8中 计算的情况 和 Chrome 上不太一样,貌似范围会更大一些,因此导致如果设置为0, 0 时,就不是你预期的结果了

测试代码我分成了3个部分:
  • 观察反复拖拽测试 1
   可以专门用来观察 moveToElement 在不同浏览器下的情况

  • 观察反复拖拽测试 2
   可以专门用来观察 moveByOffset 在不同浏览器下的情况,FireFox 会报错

  • 观察系列操作测试
   可以专门用来观察 多种组合操作 在 不同浏览器下的情况


    总之,对于鼠标移动和拖拽的测试还是直接在 Chrome 下进行就可以了吧;ie的只能略微参考;剩下的还是自己手动来吧。。。。
    如果想在 IE 上正常测试,建议采用moveToElement(WebElement)+ moveByOffset(xOffset, yOffset); 避免直接使用 moveToElement(WebElement, xOffset, yOffset),同时还是要严格注意 xOffset 和 yOffset 的设置;这个需要根据自己的实际情况来调试了。

    学习了这些内容以后,对于 测试 zTree 这类前端 js 插件来说就足够了,剩下的就努力干活儿吧。 貌似我是真用不上 Selenium 的 webdriver 了。。。

以下是测试代码:
package lesson07;

import org.junit.AfterClass;
import org.junit.BeforeClass;
import org.junit.Test;
import org.openqa.selenium.HasInputDevices;
import org.openqa.selenium.JavascriptExecutor;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.firefox.FirefoxDriver;
import org.openqa.selenium.ie.InternetExplorerDriver;
import org.openqa.selenium.interactions.Action;
import org.openqa.selenium.interactions.Actions;
import org.openqa.selenium.interactions.MoveMouseAction;
import org.openqa.selenium.interactions.MoveToOffsetAction;
import org.openqa.selenium.internal.Locatable;
import org.openqa.selenium.support.ui.ExpectedCondition;
import org.openqa.selenium.support.ui.WebDriverWait;

import util.Common;

public class ExampleForDrag  {
	
    static WebDriver driver;
    
    @BeforeClass
    public static void init() {
    	System.out.println("init...");
    	//用 Chrome
//    	System.setProperty(
//				"webdriver.chrome.driver",
//				"E:\\BaiduWangPan\\百度网盘\\javascript\\Selenium WebDriver\\chromedriver_win_23.0.1240.0\\chromedriver.exe");
//    	driver = new ChromeDriver();
    	
    	//用 IE
//    	driver = new InternetExplorerDriver();
    	
    	//用 FireFox
    	System.setProperty("webdriver.firefox.bin", "D:\\Program Files\\Mozilla Firefox\\firefox.exe");
    	// 创建一个 FireFox 的浏览器实例
    	driver = new FirefoxDriver();
    }
	
    @Test
    public void test() {
    	// 让浏览器访问 zTree Demo
    	driver.get("http://www.ztree.me/v3/demo/cn/exedit/drag.html");
    	
    	// 等待 zTree 初始化完毕,Timeout 设置10秒
    	try {
    		(new WebDriverWait(driver, 10, 500)).until(new ExpectedCondition<Boolean>() {
    			public Boolean apply(WebDriver d) {
    				WebElement element = (WebElement) ((JavascriptExecutor)driver).executeScript("return $('#treeDemo li').get(0);");
    				return element != null;
    			}
    		});
    		
    	} catch(Exception e) {
    		e.printStackTrace();
    	}
    	
    	//找到第一个根节点的子节点
    	((JavascriptExecutor)driver).executeScript("window.zTreeObj = $.fn.zTree.getZTreeObj('treeDemo');"
    			+ "window.zTreeNodeSrc = window.zTreeObj.getNodes()[0].children[0];");
    	
    	//获取 需要拖拽的节点对象 
    	WebElement elementSrc = (WebElement) ((JavascriptExecutor)driver).executeScript("return $('#' + window.zTreeNodeSrc.tId + '_a').get(0)");
    	//获取 目标节点对象 
    	WebElement elementTarget = (WebElement) ((JavascriptExecutor)driver).executeScript("window.zTreeNodeTarget = window.zTreeNodeSrc.getNextNode().children[0]; return $('#' + window.zTreeNodeTarget.tId + '_a').get(0)");
    	Actions actions = new Actions(driver);
    	Action action;

    	//观察反复拖拽测试 1
//    	actions.clickAndHold(elementSrc);
//    	for (int i=0; i<500; i++) {
//    		actions.moveToElement(elementTarget, i%100-50, i%50-20);
//    	}
//    	actions.release();
//    	action = actions.build();
//    	action.perform();
//    	
//    	Common.waitFor(10, driver);

    	//观察反复拖拽测试 2
//    	actions.clickAndHold(elementSrc).moveToElement(elementTarget);
//    	int x = 0, y = 0, dx=2, dy=2;
//    	for (int i=0; i<500; i++) {
//    		x+=2; y+=2;
//    		if (x > 50) {
//    			dx = -x;
//    			x = 0;
//    		} else {
//    			dx = 2;
//    		}
//    		if (y > 150) {
//    			dy = -y;
//    			y = 0;
//    		} else {
//    			dy = 2;
//    		}
//    		actions.moveByOffset(dx, dy);
//    	}
//    	actions.release();
//    	action = actions.build();
//    	action.perform();
//    	Common.waitFor(10, driver);
    	
    	//观察系列操作测试
    	System.out.println("移动成为目标节点的 前一个节点");
    	actions.clickAndHold(elementSrc).moveToElement(elementTarget, 60, 1).release();
    	action = actions.build();
    	action.perform();
    	
    	// 等待 10 秒
    	Common.waitFor(10, driver);
    	
    	System.out.println("移动成为目标节点的后一个节点");
    	actions.clickAndHold(elementSrc).moveToElement(elementTarget, 60, 38).release();
    	action = actions.build();
    	action.perform();
    	
    	// 等待 10秒
    	Common.waitFor(10, driver);
    	
    	System.out.println("移动成为目标节点的子节点");
    	actions.clickAndHold(elementSrc).moveToElement(elementTarget).release();
    	action = actions.build();
    	action.perform();
    	
    	// 等待 10秒
    	Common.waitFor(10, driver);

    	System.out.println("移动成为目标节点下一个节点的子节点");
    	actions.clickAndHold(elementSrc).moveToElement(elementTarget).moveByOffset(0, 20).release();
    	action = actions.build();
    	action.perform();
    	
    	// 等待 10秒
    	Common.waitFor(10, driver);
    	
    }
    
    @AfterClass
    public static void destory() {
    	System.out.println("destory...");
    	//关闭浏览器
    	driver.quit();
    }
}


© 著作权归作者所有

zTree

zTree

粉丝 859
博文 21
码字总数 21754
作品 1
朝阳
技术主管
私信 提问
加载中

评论(0)

和我一起学 Selenium WebDriver(1)——入门篇

zTree 东西不多,我也一直使用着原始的人工测试手段,随着内容的不断增多,测试起来就越发的繁杂,而且经常犯懒,这样就会忽略很多本该发现的问题,而且也容易出现旧的bug 反复出现的情况,这...

zTree
2012/12/05
7.4W
25
Selenium2+python自动化5-操作浏览器基本方法

前言 前面已经把环境搭建好了,这从这篇开始,正式学习selenium的webdriver框架。我们平常说的 selenium自动化,其实它并不是类似于QTP之类的有GUI界面的可视化工具,我们要学的是webdriver...

上海-悠悠
2016/12/01
0
0
运维学python之爬虫工具篇(五)Selenium的用法

1 介绍 Selenium是一组不同的软件工具,每个工具都有不同的方法来支持自动化测试,Selenium支持多种语言开发,比如 Java、C、Python等。Selenium有两个版本,Selenium 2 (也叫Selenium WebDri...

578384
2017/12/28
0
0
和我一起学 Selenium WebDriver(5)——基础篇

前面的学习已经让我们可以轻松的运行js、点击节点,下面该学习如何控制 alert、confirm 和 弹出窗口这些了 【1、如何处理 confirm 和 alert】 处理 confirm、alert 其实很简单,只需要利用 ...

zTree
2012/12/18
2.5K
0
Selenium实战——.Net下的自动化测试搭建

更新:响应各位朋友的需求,现在将代码推到了GitHub服务器上,今后也将会在此基础上更新,然后再次感谢各位的支持 地址如下: https://github.com/zhaoyan42/SeleniumInAction.git 这篇文章,...

赵晏龙
2013/03/11
3K
33

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周六乱弹 —— 现在看动弹的人都是什么状态

Osc乱弹歌单(2020)请戳(这里) 【今日歌曲】 @薛定谔的兄弟 :分享洛神有语创建的歌单「我喜欢的音乐」: 《夏日、教室与望着窗外的我》- Candy_Wind 手机党少年们想听歌,请使劲儿戳(这里...

小小编辑
今天
68
1
wamp环境安装redis扩展

1.查看phpinfo信息根据配置信息下载对应的扩展 关键信息:VC14,TS,x86 2.下载php_redis和php_igbinary扩展 php_redis扩展下载地址: https://windows.php.net/downloads/pecl/snaps/redis...

点滴课程
今天
36
0
开源商城开发笔记1-创建MyBatis示例

一、修改pom.xml,引入MyBatis,JUnit,Log4j <dependencies><dependency><groupId>org.mybatis</groupId><artifactId>mybatis</artifactId><version>3.5.4</version>......

土龙
今天
56
0
The Best Way To Learn English in 2020 (In my humble opinion.)

✅Here is the plan: THINGS YOU WILL NEED: - 1 hour per day (30 minutes will work as well). - a notebook and a pen to write down new vocabulary each day. - an English song. - an ......

FalconChen
昨天
73
0
nodejs 使用 pako 压缩数据

github https://github.com/nodeca/pako 应用场景 大对象传输一般使用json, 在worker或local storage中还必须使用字符串, pako可以对字符串或者 Uint8Array 数据进行压缩和解压, 牺牲一部分读...

阿豪boy
昨天
79
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部