Selenium+java - PageFactory设计模式

前言

上一小节我们已经学习了Page Object设计模式，优势很明显，能更好的体现java的面向对象思想和封装特性。但同时也存在一些不足之处，那就是随着这种模式使用，随着元素定位获取，元素定位与页面操作方法都在一个类里维护，会造成代码冗余度过高。

相信使用过spring的同学肯定都知道，基于注解方式的开发，会大大提高开发效率，使代码块变得相对整洁，清晰。

本小节要介绍的就是PageFactory 设计模式，同Page Object思想大体差不多，只是表现形式不太一样，只是通过注解方式来定位元素对象。

一、@FindBy和@CacheLookup用法

元素声明的写法：

    //定位 密码输入框

    @FindBy(name = "loginpassword")

    @CacheLookup

    private WebElement passWord;

注解说明：

@FindBy：这个注解的意思是说我们所查找的元素是以什么方式定位，

@CacheLookup：这个注解的意思是说找到元素之后将缓存元素，重复的使用这些元素，将会大大加快测试的速度。

WebElement passWord：就是变量名

二、PageFactory类使用

PageFactory提供的是静态方法，可以直接调用，一般在用完@FindBy后，需要进行元素初始化，则需要调用initElements(driver, this);方法。

三、使用 PageFactory 模式来分离页面元素

此处演示还沿用page object模式的风格，这里我又加了一层自己暂时定义叫基础层，现在就变成了四层：

基础层：用来存放driver及初始化使用。
对象层：用于存放页面元素定位和控件操作。
操作层：则是一些封装好的功能用例模块。
业务层：则是我们真正的测试用例的操作部分。

下面将举例说明Page Object设计模式，我们还有360影视页面为例，来做进一步讲解。

1、基础层

先创建一个包，名为com.pagefactory.demo,接着在这个包下创建一个类名为HomePage，具体示例代码如下：

import org.openqa.selenium.WebDriver;

import org.openqa.selenium.chrome.ChromeDriver;

import org.openqa.selenium.support.PageFactory;

/**

 * @author rongrong

 * 基础页面

 */

public class HomePage {

    private static WebDriver driver;

    /***

     * 用来传递WebDriver

     * @return

     */

    public static WebDriver driver() {

        return driver;

    }

    public HomePage() {

        //设置系统变量,并设置chromedriver的路径为系统属性值

        System.setProperty("webdriver.chrome.driver", "tool/chromedriver.exe");

        //实例ChromeDriver

        driver = new ChromeDriver();

        PageFactory.initElements(driver, this);

    }

    /**

     * 打开浏览器

     */

    public void open() {

        driver.get("https://i.360kan.com/login");

    }

    /**

     * 关闭浏览器

     */

    public void close() {

        driver.quit();

    }

    public LoginPage loginPage() {

        LoginPage loginPage = new LoginPage();

        return loginPage;

    }

}

这是我的基础页面，为了让driver抽离出去

2、对象层

接着我们再来创建一个类，名为LoginPage，具体示例代码如下：

import org.openqa.selenium.WebElement;

import org.openqa.selenium.support.CacheLookup;

import org.openqa.selenium.support.FindBy;

import org.openqa.selenium.support.How;

import org.openqa.selenium.support.PageFactory;

/**

 * @author rongrong

 * 对象库层代码案例

 */

public class LoginPage {

    public LoginPage(){

        PageFactory.initElements(HomePage.driver(),this);

    }

    //定位 用户名输入框

    @FindBy(how = How.NAME, using = "loginname")//第一种写法

    @CacheLookup

    private WebElement userName;

    //定位 密码输入框

    @FindBy(name = "loginpassword")//第二种写法

    @CacheLookup

    private WebElement passWord;

    //定位 登录按钮

    @FindBy(linkText = "立即登录")

    @CacheLookup

    private WebElement loginBtn;

    //定位 提示错误信息

    @FindBy(css = "[class='b-signin-error js-b-signin-error error-2']")

    @CacheLookup

    private WebElement errorMsg;

    public WebElement getUserName() {

        return userName;

    }

    public WebElement getPassWord() {

        return passWord;

    }

    public WebElement getLoginBtn() {

        return loginBtn;

    }

    public WebElement getErrorMsg() {

        return errorMsg;

    }

    /**

     * 用户名输入操作

     *

     * @param userName

     */

    public void sendKeysUserName(String userName) {

        getUserName().clear();

        getUserName().sendKeys(userName);

    }

    /**

     * 密码输入操作

     *

     * @param passWord

     */

    public void sendKeysPassWord(String passWord) {

        getPassWord().clear();

        getPassWord().sendKeys(passWord);

    }

}

3、操作层

接着我们再来创建一个类，名为LoginMovies，用来记录登录的一系列操作，具体示例代码如下：

package com.demo;

import org.testng.Assert;

/**

 * @author rongrong

 * 操作层代码案例

 */

public class LoginMovies {

    /***

     * 登录过程

     * @param userName

     * @param pwd

     * @param expected

     */

    public void loginByPageFactory(String userName, String pwd, String expected) {

        HomePage homePage = new HomePage();

        //打开登录页

        homePage.open();

        //输入用户名

        homePage.loginPage().sendKeysUserName(userName);

        //输入密码

        homePage.loginPage().sendKeysPassWord(pwd);

        //点击登录

        homePage.loginPage().getLoginBtn().click();

        //获取提示语操作

        String msg = homePage.loginPage().getErrorMsg().getText();

        //验证输入手机号错误是否提示

        Assert.assertEquals(msg, expected);

        //关闭浏览器

        homePage.close();

    }

}

4、业务层

最后我们再来创建一个类，名为TestPageFactory，用来验证登录功能，具体示例代码如下：

import org.testng.annotations.Test;

/**

 * @author rongrong

 * 业务层代码案例

 */

public class TestPageFactory {

    /**

     * 测试登录

     */

    @Test

    public void textLogin() {

        //实例化操作对象

        LoginMovies loginMovies = new LoginMovies();

        //登录操作

        loginMovies.loginByPageFactory("your userName", "your passWord", "输入手机号不合法");

    }

}

从以上代码看，如果页面元素发生变化，我们在对应类里修改对应元素即可，而操作和业务层流程类及用例都不用改，如果仅是业务流程更改，只需要维护业务层流程类业务脚本，其他几个类都不用改，从而做到了很好的将页面、元素、脚本进行了分离。

关于PageObject & PageFactory的使用，这里仅为读者提供了思路，有兴趣的同学可以继续拓展，笔者能力有限，如果觉得文章好，还请添加关注我哦

巴特西