前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Selenium中Page Object设计模式

Selenium中Page Object设计模式

作者头像
软件测试君
发布2019-08-22 22:05:29
1.9K0
发布2019-08-22 22:05:29
举报
文章被收录于专栏:测试人生

前言

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

相信每个做自动化测试的同学,一定会遇到这样一个非常头疼的问题,那就是页面变化了,如果没有使用Page Object设计模式,这就意味着以前的定位元素方法不能用了,需要重新修改元素定位方式。

你需要一个一个从测试脚本中把需要修改的元素定位方式找出来,然后再进行修改。这势必会使脚本维护的成本变高,显然这样的自动化脚本就不会有人愿意使用。

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

PageObject 的优点

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

什么是Page Object模式

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

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

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

实际案例

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

1、对象层

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

代码语言:javascript
复制
package com.pageobject.demo;
import org.openqa.selenium.By;import org.openqa.selenium.WebDriver;import org.openqa.selenium.WebElement;import org.testng.Assert;
/** * @author rongrong * 对象库层代码案例 */public class LoginPage {
    WebDriver driver;
    //定位 用户名输入框    public static By userNameInput = By.name("loginname");    //定位 密码输入框    public static By passWordInput = By.name("loginpassword");    //定位 登录按钮    public static By loginBtn = By.linkText("立即登录");    //定位 提示错误信息    public static By errorMsg = By.cssSelector("[class='b-signin-error js-b-signin-error error-2']");
    public LoginPage(WebDriver driver) {        this.driver = driver;    }

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

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

2、操作层

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

代码语言:javascript
复制
package com.pageobject.demo;
import org.openqa.selenium.WebDriver;import org.openqa.selenium.WebElement;import org.testng.Assert;
/** * @author rongrong * 操作层代码案例 */public class LoginMovies {    WebDriver driver;
    public LoginMovies(WebDriver driver) {        this.driver = driver;    }
    /**     * 登录操作     *     * @param userName     * @param pwd     * @param expected     */    public void 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);    }}

3、业务层

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

代码语言:javascript
复制
package com.pageobject.demo;
import org.openqa.selenium.WebDriver;import org.openqa.selenium.chrome.ChromeDriver;import org.testng.annotations.AfterClass;import org.testng.annotations.BeforeClass;import org.testng.annotations.Test;
import java.util.concurrent.TimeUnit;
/** * @author rongrong * 业务层代码案例 */public class TestPageObject {
    /**     * 360影视登录页     */    public static final String URL = "https://i.360kan.com/login";    WebDriver driver;
    @BeforeClass    public void BeforeClass() {        //设置系统变量,并设置chromedriver的路径为系统属性值        System.setProperty("webdriver.chrome.driver", "tool/chromedriver.exe");        //实例ChromeDriver        driver = new ChromeDriver();        driver.get(URL);        driver.manage().timeouts().implicitlyWait(30, TimeUnit.SECONDS);        driver.manage().window().maximize();    }
    /**     * 测试登录     */    @Test    public void testLogin() {        //实例化操作对象        LoginMovies loginMovies = new LoginMovies(driver);        loginMovies.login("your userName", "your passWord", "输入手机号不合法");    }
    @AfterClass    public void closedChrome() {        driver.quit();    }
}

小结

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

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

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

最后使用testLogin()方法进行用户操作行为,现在只关心用哪个浏览器、登录的用户名和密码是什么,至少输入框、按钮是如何定位的,则不关心。即实现了不同层关心不同问题。

如果再有定位元素变化,只需LoginPage这个类维护即可,显然方便了很多。

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2019-08-19,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 软件测试君 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档