Selenium2学习-008-WebUI自动化实战实例-006-易迅登录之 frame 处理

此文主要讲述用 Java 编写 Selenium 自动化测试脚本编写过程中，在因 frame 标签导致页面定位失败，提示 NoSuchElementException 时的，页面元素定位前的 frame 处理，即 WebDriver.swtichTo.frame() 的概要用法。

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

在我之前的页面元素定位示例文章 （Selenium2 Web 元素定位及 XPath 编写演示示例）中曾提到过易迅登录时有一个坑，不知道大家还是否记得？若是大家仔细看过易迅登录的页面源码，则不难发现登录信息录入框等是嵌入在 frame 中的。那么我们在实际的脚本编写中应该怎么定位此类 frame 中的页面元素呢？页面的 HTML 显示如下所示：

其实，挺简单：先切换至对应的 frame 中，然后再定位元素，执行完相应的操作后，建议返回其默认的 defaultContent。

闲话少述，直接上码，敬请亲阅览 ^_^，源代码如下所示：

 /**
  * Aaron.ffp Inc.
  * Copyright (c) 2004-2015 All Rights Reserved.
  */
 package main.java.aaron.sele.demo;

 import java.util.Arrays;
 import java.util.concurrent.TimeUnit;

 import org.openqa.selenium.By;
 import org.openqa.selenium.WebDriver;
 import org.openqa.selenium.chrome.ChromeDriver;
 import org.openqa.selenium.chrome.ChromeOptions;
 import org.openqa.selenium.remote.DesiredCapabilities;

 /**
  * UI自动化功能测试脚本：以易迅登录介绍 Frame 处理
  *
  * 实现 Chrome 浏览器启动的步骤如下：
  *   1.设定 Chrome 的安装路径
  *   2.设定 Chrome 的 webdriver
  *   3.参数化启动 Chrome
  *   4.打开易迅登陆链接
  *   5.通过 webdriver.switchTo.frame() 进行 Frame 切换
  *   6.输入账户、密码
  *   7.关闭并退出
  *
  * @author Aaron.ffp
  * @version $Id: Selenium_FrameDemo.java, V0.1 2015-1-21 13:23:54 Aaron.ffp Exp $
  */
 public class Selenium_FrameDemo {
     private static WebDriver cd;
     private static String baseUrl;   // 百度首页网址
     private static String username;
     private static String userpass;

     /**
      * Chrome WebDriver 设置, 网址及搜索内容初始化, 打开 Chrome 浏览器
      */
     public static void chromeStart(){
         /* 设定 chrome 启动文件的位置, 若未设定则取默认安装目录的 chrome */
         System.setProperty("webdriver.chrome.bin", "C:/Program Files (x86)/Google/Chrome/Application/chrome.exe");
         /* 设定 chrome webdirver 的位置 */
         System.setProperty("webdriver.chrome.driver", "C:/Windows/System32/chromedriver.exe");

         /* 百度首页网址赋值 */
         baseUrl = "https://base.yixun.com/login.html";

         /* 启动 chrome 浏览器 */
         cd = new ChromeDriver(chromeOptions());

         /**
          * 登录账号及密码赋值，实际应用时需要正确赋值
          */
         username = "231333574";
         userpass = "input userpass";
     }

     /**
      * 主方法入口
      * @param args
      * @throws InterruptedException
      */
     public static void main(String[] args) throws InterruptedException {
         /* 启动 chrome */
         chromeStart();

         /* 执行易迅网登录操作 */
         IcsonLogin(baseUrl, username, userpass);

         /* 等待加载 */
         cd.manage().timeouts().implicitlyWait(5, TimeUnit.SECONDS);

         TimeUnit.SECONDS.sleep(5);

         /* 关闭 chrome */
         chromeQuit();
     }

     /**
      * 易迅登录, 并输入账户和密码
      *
      * @param baseUrl  : 登录 URL
      * @param username : 账户
      * @param userpass : 密码
      */
     public static void IcsonLogin(String baseUrl, String username, String userpass){
         cd.get(baseUrl);

         /* frame 切换 */
         cd.switchTo().frame("id_iframe_login").switchTo().frame("qq_login_iframe");

         /* 输入账号 */
         cd.findElement(By.id("u")).sendKeys(username);

         /* 输入密码 */
         cd.findElement(By.id("p")).sendKeys(userpass);
     }

     /**
      * 设置 Chrome 浏览器的启动参数, 设置启动后浏览器窗口最大化, 忽略认证错误警示
      *
      * @return ChromeOptions Chrome 参数设置
      */
     public static ChromeOptions chromeOptions(){
          ChromeOptions options = new ChromeOptions();
          DesiredCapabilities capabilities = DesiredCapabilities.chrome();
          capabilities.setCapability("chrome.switches", Arrays.asList("--start-maximized"));
          /* 浏览器最大化 */
          options.addArguments("--test-type", "--start-maximized");
          /* 忽略 Chrome 浏览器的认证错误 */
          options.addArguments("--test-type", "--ignore-certificate-errors");

          return options;
      }

     /**
      * 关闭并退出 Chrome
      */
     public static void chromeQuit(){
         /* 关闭 chrome */
         cd.close();
         /* 退出 chrome */
         cd.quit();
     }
 }

Selenium-Java 脚本 Frame 处理：易迅登录实战实例源代码

至此，WebUI 自动化功能测试脚本第 006 篇-易迅登录之 frame 处理 顺利完结，希望此文能够给初学 Selenium 的您一份参考。

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