Selenium webdriver 操作日历控件

一般的日期控件都是input标签下弹出来的,如果使用webdriver 去设置日期,

1. 定位到该input

2. 使用sendKeys 方法

比如:

但是,有的日期控件是readonly的

比如12306的这个

<input id="train_date" class="inp-txt" type="text" value="2015-03-15" name="back_train_date" autocomplete="off" maxlength="10" readonly="readonly" disabled="disabled">

这个时候,没法调用WebElement的sendKeys()

方案一:使用JS remove readonly attribute,然后sendKeys

还是以万恶的12306为例:

使用出发日期,将input标签的readonly熟悉去掉

         JavascriptExecutor removeAttribute = (JavascriptExecutor)driver;
         //remove readonly attribute
         removeAttribute.executeScript("var setDate=document.getElementById(\"train_date\");setDate.removeAttribute(‘readonly‘);") ;

方案二:采用click直接选择日期,日期控件是一个iframe,首先switch iframe,之后找到想要设置的日期button click,然后switch出来

WebElement dayElement=driver.findElement(By.xpath("//span[@id=‘from_imageClick‘]"));
dayElement.click();
// WebElement frameElement=driver.findElement(By.xpath("//iframe[@border=‘0‘]"));
driver.switchTo().frame(1);
driver.findElement(By.xpath("//tr/td[@onclick=‘day_Click(2015,2,21);‘]")).click();
driver.switchTo().defaultContent();

具体代码如下:

WebDriver driver=DriverFactory.getFirefoxDriver();
        driver.get("https://kyfw.12306.cn/otn/");
        driver.manage().window().maximize();
        driver.manage().timeouts().pageLoadTimeout(60, TimeUnit.SECONDS);

         driver.manage().window().maximize();
         driver.manage().timeouts().implicitlyWait(60, TimeUnit.SECONDS);
         driver.manage().timeouts().pageLoadTimeout(30, TimeUnit.SECONDS);

         WebElement fromStation=driver.findElement(By.xpath("//input[@id=‘fromStationText‘]"));
         fromStation.click();
         fromStation.sendKeys("郑州");
         WebElement choseFrom =driver.findElement(By.xpath("//div/span[@class=‘ralign‘ and text()=‘郑州‘]"));
         choseFrom.click();

         WebElement toStation=driver.findElement(By.xpath("//input[@id=‘toStationText‘]"));
         toStation.click();
         toStation.sendKeys("上海");
         WebElement choseElement =driver.findElement(By.xpath("//div/span[@class=‘ralign‘ and text()=‘上海‘]"));
         choseElement.click();
         JavascriptExecutor removeAttribute = (JavascriptExecutor)driver;
         //remove readonly attribute
         removeAttribute.executeScript("var setDate=document.getElementById(\"train_date\");setDate.removeAttribute(‘readonly‘);") ;
         WebElement setDatElement=driver.findElement(By.xpath("//input[@id=‘train_date‘]"));
         setDatElement.clear();
         setDatElement.sendKeys("2015-02-18");
         WebElement dayElement=driver.findElement(By.xpath("//span[@id=‘from_imageClick‘]"));
         dayElement.click();
        // WebElement frameElement=driver.findElement(By.xpath("//iframe[@border=‘0‘]"));
         driver.switchTo().frame(1);
         driver.findElement(By.xpath("//tr/td[@onclick=‘day_Click(2015,2,21);‘]")).click();
         driver.switchTo().defaultContent();
         WebElement searchElement=driver.findElement(By.xpath("//div/a[@id=‘a_search_ticket‘]"));
         searchElement.click();
     

其中:DriverFactory

package com.packt.webdriver.chapter3;
import java.io.File;
import java.io.IOException;
import java.util.Arrays;

import org.openqa.selenium.Proxy;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.chrome.ChromeDriverService;
import org.openqa.selenium.chrome.ChromeOptions;
import org.openqa.selenium.firefox.FirefoxDriver;
import org.openqa.selenium.firefox.FirefoxProfile;
import org.openqa.selenium.firefox.internal.ProfilesIni;
import org.openqa.selenium.htmlunit.HtmlUnitDriver;
import org.openqa.selenium.ie.InternetExplorerDriver;
import org.openqa.selenium.os.WindowsUtils;
import org.openqa.selenium.remote.CapabilityType;
import org.openqa.selenium.remote.DesiredCapabilities;

public class DriverFactory {

    public static WebDriver getHtmlUnit()
    {
        HtmlUnitDriver ht=new HtmlUnitDriver();
        return ht;
    }
    public static WebDriver getChromeDriver() {

        // TODO Auto-generated method stub
        String chromdriver="E:\\chromedriver.exe";
        System.setProperty("webdriver.chrome.driver", chromdriver);
        ChromeDriverService.Builder builder=new  ChromeDriverService.Builder();
        File file=new File(chromdriver);
//        int port=12643;
//        ChromeDriverService service=builder.usingDriverExecutable(file).usingPort(port).build();
//        try {
//            service.start();
//        } catch (IOException e) {
//            // TODO Auto-generated catch block
//            e.printStackTrace();
//        }
        ChromeOptions options = new ChromeOptions();
        options.addExtensions(new File(""));
        DesiredCapabilities capabilities = DesiredCapabilities.chrome();
        capabilities.setCapability("chrome.switches",
                Arrays.asList("--start-maximized"));
        options.addArguments("--test-type", "--start-maximized");
        WebDriver driver=new ChromeDriver(options);
        return driver;
    }
    public static WebDriver getFirefoxDriver()
    {
        try
        {
            WindowsUtils.tryToKillByName("firefox.exe");
        }
        catch(Exception e)
        {
            System.out.println("can not find firefox process");
        }
        File file=new File("d:\\firebug-2.0.4-fx.xpi");
        FirefoxProfile profile = new FirefoxProfile();
//        profile.setPreference("network.proxy.type", 2);
//        profile.setPreference("network.proxy.autoconfig_url", "http://proxy.successfactors.com:8083");
//        profile.setPreference("network.proxy.no_proxies_on", "localhost");
//        

//        profile.setPreference("network.proxy.http", "proxy.domain.example.com");
//        profile.setPreference("network.proxy.http_port", 8080);
//        profile.setPreference("network.proxy.ssl", "proxy.domain.example.com");
//        profile.setPreference("network.proxy.ssl_port", 8080);
//        profile.setPreference("network.proxy.ftp", "proxy.domain.example.com");
//        profile.setPreference("network.proxy.ftp_port", 8080);
//        profile.setPreference("network.proxy.socks", "proxy.domain.example.com");
//        profile.setPreference("network.proxy.socks_port", 8080);

        try {
            profile.addExtension(file);
            profile.setPreference("extensions.firebug.currentVersion", "2.0.4");
            profile.setPreference("extensions.firebug.allPagesActivation", "on");
        } catch (IOException e3) {
            // TODO Auto-generated catch block
            e3.printStackTrace();
        }

        WebDriver driver = new FirefoxDriver(profile);
        return driver;

    }
    public static WebDriver getIEDriver()
    {
        String IEDriverServer="E:\\IEDriverServer.exe";
        System.setProperty("webdriver.ie.driver",IEDriverServer);
        WebDriver driver=new InternetExplorerDriver();
        return driver;
    }

}

时间: 01-05

Selenium webdriver 操作日历控件的相关文章

Selenium webdriver 之select 控件封装,解决onchange问题

使用webdriver的时候,select 控件经常会绑定onchange 事件,在selenium2.09 之前click 方法对onchange 事件有bug,2.09 以后修复了,但是根据经验也遇到用selenium ui 下面的select的类去做select 操作,有时也可能不发触发onchange 事件,所以本人测试放弃不用,自己封装了几个好用的方法,在此分享,部分只要实现代码如下: /** * 获取选项列表 * * @return */ public List<WebElement

selenium处理富文本框,日历控件等 调用JS修改value值

http://blog.csdn.net/fudax/article/details/8089404 document.getElementById("js_domestic_fromdate").value = "2014-10-10" selenium处理富文本框,日历控件等 调用JS修改value值,布布扣,bubuko.com

selenium学习之路之 处理日历控件

最近在研究selenium,碰到处理日期控件的问题,尝试数种方法均无果,最后终于找到一种可以成功的一种处理方式. 整个日历控制在div中: <input type="text" name="startDate" id="id_startdate1" size="15" maxlength="60" onfocus="assignValue('tr_attr_1');" onkeyd

Android UI-自定义日历控件

Android UI-自定义日历控件 本篇博客笔者给大家分享一个日历控件,这里有个需求:要求显示当前月的日期,左右可以切换月份来查看日期. 我们想一想会如何去实现这样的一个控件,有开源的,但可能不太满足我们的特定的需求,这里笔者自定义了一个,读者可以根据自己的需求来修改代码.下面来说一下实现的思路: 首先我们要显示当前月份,自然我们要计算出当前的日期,并且把每一天对应到具体的星期,我们会有以下效果: 我们先想一下这样的效果用什么控件可以实现?很自然可以想到用网格视图GridView,但这里笔者使

fullcalendar日历控件知识点集合

1.基本的语法: 首先,fullcalendar和JQUERY一样,以面向对象的方式来组织代码.当然,这里的面向对象不过指能够把整个fullcalendar理解为一个类,这个类里包含有非常多的属性.方法.托付(函数回调)作为成员变量.通过为这些成员变量赋值,就可以实例化出一个符合自己需求的fullcalendar实例出来,即终于在浏览器里渲染出的日历.换句话说,我们所做的绝大多数工作就是依照fullcalendar的语法约定去配置出一个符合我们需求的fullcalendar实例.除非对于极少的特

PHP+JavaScript+HTML实现注册界面表单及日历控件

本文主要是介绍我做PHP网站时的一个HTML的简单静态界面,它的主要功能是用户注册界面,并且参照了网上的例子使用JavaScript判断和My97DatePicker的日历控件.界面效果如下图所示: 同时插入数据库显示效果如下图所示: 可以看到引用My97DatePicker的日历控件及判断效果如下图所示:    其中注册界面register_student.html代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitiona

Excel 日历控件的使用

http://www.excelpx.com/thread-255298-1-1.html Private Sub Calendar1_Click() With Calendar1 ActiveCell = .Value '赋值给激活单元格 .Visible = False '隐藏日历控件 End WithEnd Sub'Private Sub Worksheet_SelectionChange(ByVal Target As Range) With Calendar1 If Target.Co

Jquery自定义扩展方法(二)--HTML日历控件

一.概述 研究了上节的Jquery自定义扩展方法,自己一直想做用jquery写一个小的插件,工作中也用到了用JQuery的日历插件,自己琢磨着去造个轮子--HTML5手机网页日历控件,废话不多说,先看看效果图吧 效果图很简单,代码封装在JQuery中,网页端只需要要调用即可: 二.Jquery自定义实体对象 Jquery可以自定义函数function,有没有可以定义实体对象,里面封装方法那?查询了一下资料发现,是可以的,不仅能够封装属性,还可以写自己的方法,调用模板代码如下: $.Calende

JS日历控件 灵活设置: 精确的时分秒.

在今年7月份时候 写了一篇关于 "JS日历控件" 的文章 , 当时只支持 年月日 的日历控件,现在优化如下: 1. 在原基础上 支持 yyyy-mm-dd 的年月日的控件. 2. 在原基础上增加支持 yyyy-mm-dd HH:MM 年月日时分的控件. 3. 在原基础上增加支持 yyyy-mm-dd HH:MM:SS 年月日时分秒的控件. 4. 增加确定按钮 及 今天 和关闭按钮.当我切换到其他年份的时候,我点击 "今天"按钮 就可以返回当前的年月份. 配置项如下: