昨天我们已经可以轻松移动鼠标了,距离拖拽只有一步之遥。 其实这就是一层窗户纸,捅破它就搞定了,之前做的操作可以说都是单步操作:移动鼠标、点击页面元素、弹出窗口等等;而拖拽操作就不行了,他需要一连串连贯的动作配合起来: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 了。。。
以下是测试代码: Java代码
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;
【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 了。。。
以下是测试代码: Java代码
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;
