zoukankan      html  css  js  c++  java
  • Selenium2学习-010-WebUI自动化实战实例-008-Selenium 操作下拉列表实例-Select

    此文主要讲述用 Java 编写 Selenium 自动化测试脚本编写过程中,对下拉列表框 Select 的操作。

    下拉列表是 Web UI 自动化测试过程中使用率非常高的,通常有两种形式的下拉列表,一种是 Select 的下拉列表,此种操作的时候比较简单,定位到元素后直接操作即可;还有的下拉列表是以多个 div + js + input 的形式实现,input 用于存储选择的项的 value 值;当然也会有其他方式实现的下拉列表。

    希望能对初学 Selenium2 WebUI 自动化测试编程的亲们有所帮助。若有不足之处,敬请大神指正,不胜感激!

    以下为 Selenium 操作下拉列表 Select 的 Java 自动化测试脚本实例源代码,敬请参阅!

     1 package main.aaron.demo.droplist;
     2 
     3 import main.aaron.sele.core.TestCase;
     4 
     5 import org.openqa.selenium.By;
     6 import org.openqa.selenium.WebElement;
     7 import org.openqa.selenium.support.ui.Select;
     8 import org.testng.annotations.Test;
     9 
    10 /**
    11  * Selenium 操作下拉列表实例-Select
    12  * 
    13  * @author Aaron.ffp
    14  * @version V1.0.0: autoSeleniumDemo main.aaron.demo.droplist Droplist01.java, 2015-6-16 19:03:51 Exp $
    15  */
    16 public class Droplist01 extends TestCase{
    17     // 获取需要打开的链接的 URL 路径
    18     private final String baseUrl = this.PROJECTHOME + this.FILESEPARATOR + "source" + 
    19                                    this.FILESEPARATOR + "html" + this.FILESEPARATOR + "selectDemo.html";
    20     
    21     @Test
    22     public void testDropList(){
    23         this.webdriver.get(this.baseUrl);
    24         
    25         // 获取元素-下拉列表
    26         WebElement goodsTypeList = this.webdriver.findElement(By.id("goodsType"));
    27         
    28         // 将元素转换为 Select
    29         Select gtl = new Select(goodsTypeList);
    30         
    31         // 模拟用户点击动作展开下拉列表,也可不执行直接选择;
    32         // 若是执行此步再选择下拉列表之后无其他操作时,列表会一直存在;执行其他操作时,列表收起
    33         goodsTypeList.click();
    34         
    35         // 通过列表项的 option 索引选择,也可不执行
    36         gtl.selectByIndex(3);
    37         
    38         this.webdriver.findElement(By.id("goods")).clear();
    39         this.webdriver.findElement(By.id("goods")).sendKeys(this.selectSelected(gtl));
    40         
    41         /**
    42         // 通过列表项的 option 的 value 值选择
    43         gtl.selectByValue("3v");
    44         
    45         // 通过列表项的 option 的 text 值选择
    46         gtl.selectByVisibleText("汽车精品");
    47         
    48         // 遍历列表项的所有可选项,并选择对应的项
    49         for (int i = 0; i < gtl.getOptions().size(); i++) {
    50             gtl.getOptions().get(i).click();
    51         }
    52         
    53         // 遍历列表项的所有可选项,并选择对应的项
    54         for (WebElement item : gtl.getOptions()) {
    55             item.click();
    56         }
    57         */
    58     }
    59 }
    Selenium 操作下拉列表实例-Select 源代码

    以下为上述代码中调用的方法源码

     1 /**
     2      * 获取 Select 已选中的项的 text 值
     3      * 
     4      * @author Aaron.ffp
     5      * @version V1.0.0: autoSeleniumDemo main.aaron.sele.core SeleniumCore.java selectSelected, 2015-6-16 19:40:02 Exp $
     6      * 
     7      * @param select : Select 下拉列表对象
     8      * @return 已选择项的 text 值
     9      */
    10     public String selectSelected(Select select){
    11         String text = "";
    12         
    13         for (int i = 0; i < select.getOptions().size(); i++) {
    14             if (select.getOptions().get(i).isSelected()) {
    15                 text = select.getOptions().get(i).getText();
    16                 
    17                 return text;
    18             }
    19         }
    20         
    21         return text;
    22     }
    selectSelected 方法

    以下为 Select 下拉列表源码(selectDemo.html):

     1 <html>
     2     <head>
     3         <meta charset='utf-8'>
     4         <title>下拉列表框</title>
     5     </head>
     6         
     7     <body>
     8         <a id="goodtype">商品分类:</a>
     9         <select id="goodsType">
    10             <option value="0v">请选择...</option>
    11             <option value="1v">笔记本</option>
    12             <option value="2v">硬件外设</option>
    13             <option value="3v">大家电</option>
    14             <option value="4v">创意小电</option>
    15             <option value="5v">个护电器</option>
    16             <option value="6v">汽车精品</option>
    17             <option value="7v">办公文具</option>
    18         </select>
    19         
    20         <input id="goods" type="text"></input>
    21     </body>
    22 </html>
    Select 下拉列表源码 selectDemo.html

      由上述源码可知,操作下拉列表-Select 时,首先要获得 Select 元素(Selenium 自动化页面操作的基础),再 new 一个 Select 对象,然后对 Select 对象进行操作,即可正确的进行下拉列表的操作,以及获取下拉列表当前已选择的项值。动手能力强的亲们,也可以自己封装一下 Selenium 对 Select 的操作几个有用方法,例如:判断 option 的 value 是否存在;判断 option 的 text 值是否存在;判断 index 值是否超出 option 的数组边界。。。等等,用于后续的 WEB UI 自动化。

      选择下拉列表项的方法有三种:(1)option 的 index,(2)option 的 value,(3)option 的 text。无论选择哪种方法,建议对三者的值进行校验判断,否则易出现元素不存在的错误,当然也可以对代码 try...catch 一下,以处理异常。

      PS:使用上述源码时,注意一下几点:

      1、替换源码中的 baseUrl 为实际路径;

      2、将 selectSelected 方法正确添加到源码,否则执行的时候会报错

      3、自行添加启动浏览器的代码

     

    下拉列表框操作下期精彩:Selenium2学习-014-WebUI自动化实战实例-012-Selenium 操作下拉列表实例-div+{js|jquery}

    至此,WebUI 自动化功能测试脚本第 008 篇-下拉列表框 Select 操作 顺利完结,希望此文能够给初学 Selenium 的您一份参考。

    最后,非常感谢亲的驻足,希望此文能对亲有所帮助。热烈欢迎亲一起探讨,共同进步。非常感谢! ^_^

     

  • 相关阅读:
    2020-2-1 最大最小公倍数
    网编课设
    ccf第二题系列知识点(小白学习笔记)
    小白学webservice
    广度优先搜索BFS
    elk学习系列(一)——Windows安装
    2019课设---基于微信小程序的食堂订餐送餐系统设计 【构思】(25)
    2019课设---基于微信小程序的食堂订餐送餐系统设计 【构思】(24)
    2019课设---基于微信小程序的食堂订餐送餐系统设计 【构思】(23)
    2019课设---基于微信小程序的食堂订餐送餐系统设计 【构思】(22)
  • 原文地址:https://www.cnblogs.com/fengpingfan/p/4581556.html
Copyright © 2011-2022 走看看