基于Selenium2+Java的UI自动化(5) - 执行JavaScript脚本

一、操作日期选择框

基于Selenium2+Java的UI自动化(5) - 执行JavaScript脚本
QQ图片20161118215530.png1336x545 22.6 KB

说明:日期选择框大部分是不支持前端输入的,因为这个对象是 readOnly,只读属性,selenium提供了JavaScript执行器,对前台源代码进行操作,间接达到输入传值的目的;

(1)方式一:删除对象的readOnly属性,然后对输入框输入操作;

        /**
* 去掉日期选择框的只读属性:readOnly,然后对日期输入框输入值;
*/
public void selectDate01(){
//获取第一个日期选择框元素对象;
WebElement startTime = driver.findElement(By.id("txtStartDate"));
//获取第二个日期选择框元素对象;
WebElement endTime = driver.findElement(By.id("txtEndDate"));
//声明一个Js 执行器对象;
JavascriptExecutor js = (JavascriptExecutor) driver;
/**
* 目的:对两个日期输入框输入日期;
*/
js.executeScript("arguments[0].removeAttribute('readOnly');"
+ "arguments[1].removeAttribute('readOnly');", startTime,endTime);
//arguments[0] 代表第一个元素对象:startTime
//arguments[1] 代表第二个元素对象:endTime 、以此类推,元素个数没有限制,下标从0开始; //去掉两个对象的只读属性之后,就可以对输入框进行文本输入了;
startTime.sendKeys("2016-11-18");
endTime.sendKeys("2016-12-18");
}

(2)方式二:直接日期输入框赋值value

	/**
* 直接对日期输入框赋值:value
*/
public void selectDate03(){
//获取第一个日期选择框元素对象;
WebElement startTime = driver.findElement(By.id("txtStartDate"));
//获取第二个日期选择框元素对象;
WebElement endTime = driver.findElement(By.id("txtEndDate"));
//声明一个Js 执行器对象;
JavascriptExecutor js = (JavascriptExecutor) driver;
/**
* 目的:对两个日期输入框输入日期;
*/
js.executeScript("arguments[0].value='2016-11-18';"
+ "arguments[1].value='2016-12-18';", startTime,endTime);
}

二、对链接设置本页打开

基于Selenium2+Java的UI自动化(5) - 执行JavaScript脚本
QQ图片20161118221054.png1395x752 40.2 KB

说明:有的时候,我们点击一个链接,发现竟然打开了一个新窗口,这样就会涉及到多个页面来回切换,要使用到句柄的概念(后边在详细讲解: http://hordehome.com/t/selenium2-java-ui-17/1272 ),比较麻烦,而且容易出错。

原因:这个链接元素,有一个属性是target,当target值是 "blank" 时,是在新窗口打开,当target 值是 "self" 或者 没有target属性时,是在本窗口加载新页面,不打开新窗口。

基于Selenium2+Java的UI自动化(5) - 执行JavaScript脚本
QQ图片20161118221854.png1252x221 17.1 KB

所以,这就需要用到js执行器,对target属性进行操作。

(1)方式一:设置链接元素的target属性值为_self

	/**
* 更改target值为_self
*/
public void operatorTarget01(){
//获取链接元素对象;
WebElement link = driver.findElement(By.xpath("//a[text()='修改']"));
//声明一个Js 执行器对象;
JavascriptExecutor js = (JavascriptExecutor) driver;
/**
* 目的:更改链接元素的 target 属性为 _self;
*/
js.executeScript("arguments[0].setAttribute('target','_self');",link);
//点击链接元素
link.click();
}

(2)方式二:删除链接元素的target属性

	/**
* 删除链接元素的target 属性
*/
public void operatorTarget03(){
//获取链接元素对象;
WebElement link = driver.findElement(By.xpath("//a[text()='修改']"));
//声明一个Js 执行器对象;
JavascriptExecutor js = (JavascriptExecutor) driver;
/**
* 目的:删除链接元素的 target 属性;
*/
js.executeScript("arguments[0].removeAttribute('target');",link);
//点击链接元素
link.click();
}
上一篇:Java 堆外内存


下一篇:Git 笔记二-Git安装与初始配置