Selenium+java - Page Object设计模式

前言

Page Object（页面对象）模式，是Selenium实战中最为流行，并且被自动化测试同学所熟悉和推崇的一种设计模式之一。在设计测试时，把页面元素定位和元素操作方法按照页面抽象出来，分离成一定的对象，然后再进行组织。

相信每个做自动化测试的同学，一定会遇到这样一个非常头疼的问题，那就是页面变化，如果没有使用Page Object设计模式，这就意味着以前的定位元素方法不能用了，需要重新修改元素定位方式。你需要一个一个从测试脚本中把需要修改的元素定位方式找出来，然后再进行修改。这势必会使脚本维护的成本变高，显然这样的自动化脚本就不会有人愿意使用。

那这时我们使用page object模式就可以解决这个问题了。

PageObject 的优点

• 减少代码冗余
• 业务和实现分离
• 降低代码维护成本

Page Object模式

Page Object 见名知意，就是页面对象，并将页面元素定位方法和元素操作进行分离。

在实际自动化测试实战过程中，我们一般对脚本的实现分为三层：

• 对象层：用于存放页面元素定位和控件操作。
• 逻辑层：则是一些封装好的功能用例模块。
• 业务层：则是我们真正的测试用例的操作部分。

使用 Page Object 类来分离页面元素

我们以360影视登录页为测试对象，先创建一个包com.pageobject.demo

对象层

首先我们新建一个类LoginPage，登录页面内编写需要操作的元素定位方式和控件操作，具体代码示例如下：

package com.pageobject.demo;

import org.openqa.selenium.By;
 org.openqa.selenium.WebDriver;
 org.openqa.selenium.WebElement;
 org.testng.Assert;

/**
 * @author rongrong
 * 对象库层代码案例
 */
public class LoginPage {

    WebDriver driver;

    //定位 用户名输入框
    static By userNameInput = By.name("loginname");
    定位 密码输入框
    static By passWordInput = By.name("loginpassword"定位 登录按钮
    static By loginBtn = By.linkText("立即登录"定位 提示错误信息
    static By errorMsg = By.cssSelector("[class='b-signin-error js-b-signin-error error-2']");

    public LoginPage(WebDriver driver) {
        this.driver = driver;
    }


    
     * 用户名输入操作
     *
     * @param userName
     */
    void sendKeysUserName(String userName) {
        driver.findElement(userNameInput).clear();
        driver.findElement(userNameInput).sendKeys(userName);
    }

    
     * 密码输入操作
     *
     *  passWord
      sendKeysPassWord(String passWord) {
        driver.findElement(passWordInput).clear();
        driver.findElement(passWordInput).sendKeys(passWord);
    }
}

这里我只对用户名和密码输入框进行了封装，有兴趣的同学也可以接着进行全部元素操作封装

操作层

我们再新建一个类LoginMovies，用于登录逻辑的封装，供业务层调用，具体代码示例如下：

 rongrong
 * 操作层代码案例
  LoginMovies {
    WebDriver driver;

     LoginMovies(WebDriver driver) {
         driver;
    }

    
     * 登录操作
     *
     *  userName
     *  pwd
     *  expected
      login(String userName,String pwd,String expected) {
        LoginPage loginPage = new LoginPage(driver);
        输入用户名
        loginPage.sendKeysUserName(userName);
        输入密码
        loginPage.sendKeysPassWord(pwd);
        点击登录
        driver.findElement(LoginPage.loginBtn).click();
        获取提示语操作
        String msg = driver.findElement(LoginPage.errorMsg).getText();
        Assert.assertEquals(msg,expected);
    }
}

业务层

最后我们新建一个类TestPageObject，用于业务层的封装，具体代码示例如下：

 org.openqa.selenium.chrome.ChromeDriver;
 org.testng.annotations.AfterClass;
 org.testng.annotations.BeforeClass;
 org.testng.annotations.Test;

 java.util.concurrent.TimeUnit;

 rongrong
 * 业务层代码案例
  TestPageObject {

    
     * 360影视登录页
     static final String URL = "https://i.360kan.com/login";
    WebDriver driver;

    @BeforeClass
     BeforeClass() {
        设置系统变量,并设置chromedriver的路径为系统属性值
        System.setProperty("webdriver.chrome.driver","tool/chromedriver.exe");
        实例ChromeDriver
        driver =  ChromeDriver();
        driver.get(URL);
        driver.manage().timeouts().implicitlyWait(30,TimeUnit.SECONDS);
        driver.manage().window().maximize();
    }

    
     * 测试登录
     */
    @Test
     testLogin() {
        实例化操作对象
        LoginMovies loginMovies =  LoginMovies(driver);
        loginMovies.login("your userName","your passWord","输入手机号不合法");
    }

    @AfterClass
     closedChrome() {
        driver.quit();
    }

}

小结

虽然该实现方法看上去复杂多了，但其中的设计好处是不同层关心不同的问题。页面对象只关心元素的定位，测试用例只关心测试数据。

LoginPage类中主要对登录页面上元素进行封装，使其成为具体的操作方法。如对用户名、密码框都封装成方法，然后定义login(String userName,String expected)方法将单个元素操作组成一个完整的动作，包含输入用户名、密码并点击登录按钮等。

使用时将driver、username、pwd、expected作为函数的入参，这样的方法具有很强的可重用性。

最后使用testLogin()方法进行用户操作行为，现在只关心用哪个浏览器、登录的用户名和密码是什么，至少输入框、按钮是如何定位的，则不关心。即实现了不同层关心不同问题。如果再有定位元素变化，只需LoginPage这个类维护即可，显然方便了很多。