文档章节

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

zTree
 zTree
发布于 2012/12/20 16:55
字数 1190
阅读 2301
收藏 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

粉丝 831
博文 21
码字总数 21754
作品 1
朝阳
技术主管
私信 提问
和我一起学 Selenium WebDriver(1)——入门篇

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

zTree
2012/12/05
0
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
0
0
Selenium实战——.Net下的自动化测试搭建

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

赵晏龙
2013/03/11
0
33

没有更多内容

加载失败,请刷新页面

加载更多

Ubuntu18.04 安装MySQL

1.安装MySQL sudo apt-get install mysql-server 2.配置MySQL sudo mysql_secure_installation 3.设置MySQL非root用户 设置原因:配置过程为系统root权限,在构建MySQL连接时出现错误:ERROR...

AI_SKI
今天
3
0
3.6 rc脚本(start方法) 3.7 rc脚本(stop和status方法) 3.8 rc脚本(以daemon方式启动)

3.6-3.7 rc脚本(start、stop和status方法) #!/usr/bin/env python# -*- coding: utf-8 -*-# [@Version](https://my.oschina.net/u/931210) : python 2.7# [@Time](https://my.oschina.......

隐匿的蚂蚁
今天
3
0
Cnn学习相关博客

CNN卷积神经网络原理讲解+图片识别应用(附源码) 笨方法学习CNN图像识别系列 深度学习图像识别项目(中):Keras和卷积神经网络(CNN) 卷积神经网络模型部署到移动设备 使用CNN神经网络进行...

-九天-
昨天
5
0
flutter 底部输入框 聊天输入框 Flexible

想在页面底部放个输入框,结果键盘一直遮住了,原来是布局问题 Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text("评论"), ...

大灰狼wow
昨天
4
0
Kernel I2C子系统

备注:所有图片来源于网络 1,I2C协议: 物理拓扑: I2C总线由两根信号线组成,一条是时钟信号线SCL,一条是数据信号线SDA。一条I2C总线可以接多个设备,每个设备都接入I2C总线的SCL和SDA。I...

yepanl
昨天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部