Selenium——页面对象（Page Object）模式浅析

已于 2024-03-02 11:45:23 修改
阅读量1.9k 收藏 8
点赞数 5
分类专栏： 软件测试 文章标签： 软件测试
于 2022-04-25 10:17:33 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_51508220/article/details/124288245
版权

Selenium——页面对象（Page Object）模式浅析


问题的引出：
我们前面写过的包括元素定位等问题，如果测试的页面ID或者相关定位的文本发生改变，我们也得修改代码，能不能尽量减少代码的修改程度？针对这种问题，引出了这篇内容。

页面对象模式简介

  1. 使用面向对象的设计模式，页面对象模式将测试代码和被测试页面的页面元素及其操作方法进行分离，以此降低页面元素变化对测试代码的影响。
  2. 每个测试页面都会被单独定义一个类（也不绝对），类中会定位所有需要参与测试的页面元素对象，并且定义操作每一个页面元素对象的方法。
  3. Page Object设计模式的特点（优点）：
    （1）减少代码的重复
    （2）提高测试用例的可读性
    （3）提高测试用例的可维护性
  4. 做法分析：
    （1）以页面为单位独立建模
    （2）隐藏实现细节
    （3）本质是面向接口编程
  5. Page Object五大设计原则：
    （1）抽象每一个页面
    （2）页面中元素不暴露,仅暴露操作元素的方法
    （3）页面不应该有繁琐的继承关系
    （4）页面中不是所有元素都需要涉及到,核心业务元素做建模使用
    （5）把页面划分功能模块,在Page中实现这些功能方法
    Page Object的一个例子

Page Object三种实现

以get***封装页面对象

在此举个例子：

  1. core包：设置一个BaseTset类，用于初始化浏览器、关闭浏览器操作
  2. pages包：设置一个AdminLoginPage1类，第一用来定位元素，第二实现相应的页面操作方法（传递参数等）。
  3. test包：设置一个AdminLoginTest1类，用来写测试方法。
    整体效果：
    当用户名密码为admin，admin时，可以正常登录（通过看是否有“退出”链接）
    当用户名密码是admin, 11212时，密码错误，网页源代码中含有“错误”两个字。
    测试用例结果：两个测试方法均正确。
package com.xhx.core;

import java.time.Duration;

import org.openqa.selenium.WebDriver;
import org.openqa.selenium.firefox.FirefoxDriver;
import org.testng.annotations.AfterClass;
import org.testng.annotations.BeforeClass;

public class BaseTest {
	public WebDriver driver;

	@BeforeClass
	public void initBrowser() {
		System.out.println("初始化浏览器");
		System.setProperty("webdriver.gecko.driver", "D:\\test\\Selenium\\geckodriver30.exe");
		System.setProperty("webdriver.firefox.bin", "D:\\firefox\\firefox.exe");
		driver = new FirefoxDriver();
		driver.manage().window().maximize();
		// 隐式等待
		driver.manage().timeouts().implicitlyWait(Duration.ofSeconds(3));
	}

	@AfterClass
	public void quitBrowser() {
		driver.quit();
	}
}


package com.xhx.pages;

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

public class AdminLoginPage1 {
	public WebDriver driver;

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

	// 定位元素
	private WebElement get_username() {
		return this.driver.findElement(By.name("username"));
	}

	private WebElement get_password() {
		return this.driver.findElement(By.name("password"));
	}

	private WebElement get_submit() {
		return this.driver.findElement(By.xpath("//input[@type='submit']"));
	}

	// 实现对应的操作方法
	public void login(String name, String password) {
		this.driver.get("http://localhost:8032/mymovie/admin.php/Login/index.html");
		this.get_username().sendKeys(name);
		this.get_password().sendKeys(password);
		this.get_submit().click();
	}
}


package com.xhx.test;

import static org.testng.Assert.assertTrue;

import org.openqa.selenium.By;
import org.testng.annotations.Test;

import com.xhx.core.BaseTest;
import com.xhx.pages.AdminLoginPage1;

public class AdminLoginTest1 extends BaseTest {
	@Test
	public void testLoginSuccess() {
		AdminLoginPage1 loginPage = new AdminLoginPage1(this.driver);
		loginPage.login("admin", "admin");
		assertTrue(this.driver.findElement(By.linkText("退出")).isDisplayed());
	}

	@Test
	public void testLoginFail() {
		AdminLoginPage1 loginPage = new AdminLoginPage1(this.driver);
		loginPage.login("admin", "11212");
		assertTrue(this.driver.getPageSource().contains("错误"));
	}
}

以@FindBy封装页面对象

设置的三个类含义及效果如与上例一致。注意此代码中的细节：

细节

  1. 在AdminLoginPage2类中的构造方法，不单单是浏览器的赋值了，还得有PageFactory.initElements(driver, this); 这句话。（初始化Web元素）
  2. 在AdminLoginTest2中，与上例代码不同的是，我们创建了一个成员变量，两个测试方法用这一个就够了。这解决了冗余的问题，但也引发了两个问题：初始化浏览器（可在类中加一个@BeforeMethod，方法中实现实例化）； 两个test方法，会按ascii码的顺序执行，那么登陆成功后，在没有退出的情况下，不会有下一个用例登录的按钮。得在成功登录的用理方法中加上退出的语句。

无意间发现的一个发现。。：当子类、父类中都有AfterClass注解时，会先执行父类的再执行子类的。

package com.xhx.core;

import java.time.Duration;

import org.openqa.selenium.WebDriver;
import org.openqa.selenium.firefox.FirefoxDriver;
import org.testng.annotations.AfterClass;
import org.testng.annotations.BeforeClass;

public class BaseTest {
	public WebDriver driver;

	@BeforeClass
	public void initBrowser() {
		System.out.println("初始化浏览器");
		System.setProperty("webdriver.gecko.driver", "D:\\test\\Selenium\\geckodriver30.exe");
		System.setProperty("webdriver.firefox.bin", "D:\\firefox\\firefox.exe");
		driver = new FirefoxDriver();
		driver.manage().window().maximize();
		// 隐式等待
		driver.manage().timeouts().implicitlyWait(Duration.ofSeconds(3));
		System.out.println("父类的");
	}

	@AfterClass
	public void quitBrowser() {
		driver.quit();
	}
}


package com.xhx.pages;

import java.util.List;

import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.support.FindAll;
import org.openqa.selenium.support.FindBy;
import org.openqa.selenium.support.FindBys;
import org.openqa.selenium.support.PageFactory;

public class AdminLoginPage2 {
//	@FindAll({@FindBy(name="username"),
//		@FindBy(id="username")}) //找到所有满足条件的元素放到一个列表里
//	private List<WebElement> input;
//	
//	@FindBys(value= {@FindBy(name=""), @FindBy(id="")}) 
//	private WebElement u_nameElement; //找到符合条件的第一个元素

	WebDriver driver;
	public AdminLoginPage2(WebDriver driver) {
		this.driver = driver;
		PageFactory.initElements(driver,  this);
	}
	@FindBy(name = "username")
	private WebElement txt_username;

	@FindBy(name = "password")
	private WebElement txt_password;

	@FindBy(xpath = "//input[@type='submit']")
	private WebElement btn_submit;

	// 实现对应的操作方法
	public void login(String name, String password) {
		this.driver.get("http://localhost:8032/mymovie/admin.php/Login/index.html");
		this.txt_username.sendKeys(name);
		this.txt_password.sendKeys(password);
		this.btn_submit.click();
	}
}


package com.xhx.test;

import static org.testng.Assert.assertTrue;

import org.openqa.selenium.By;
import org.testng.annotations.AfterMethod;
import org.testng.annotations.BeforeClass;
import org.testng.annotations.BeforeMethod;
import org.testng.annotations.Test;

import com.xhx.core.BaseTest;
import com.xhx.pages.AdminLoginPage1;
import com.xhx.pages.AdminLoginPage2;

public class AdminLoginTest2 extends BaseTest {
	AdminLoginPage2 loginPage;

	@BeforeMethod
	public void init() {
		loginPage = new AdminLoginPage2(this.driver);
		System.out.println("子类的");
	}

	@Test
	public void test1() {
		loginPage.login("admin", "admin");
		assertTrue(this.driver.findElement(By.linkText("退出")).isDisplayed());
		this.driver.findElement(By.linkText("退出")).click();
	}

	@Test
	public void test2() {
		loginPage.login("admin", "11212");
		assertTrue(this.driver.getPageSource().contains("错误"));
	}
}

页面类继承LoadableComponent<>

继承LoadableComponent类可以在页面加载的时候判断是否加载了正确的页面，只需要重写load() 和isLoaded()两个方法。此方式有助于让页面对象的页面访问操作更加健壮
此例还想展示两个页面的关联，当实现正确登录后（AdminLoginPage3、AdminLoginTest3），AdminMainTest、AdminMainPage实现登陆成功后页面的一些操作（比如点击用户信息、加个用户啥的），两者通过 AdminLoginPage3的login的返回值联系起来

注意点

  1. 如果页面之间有关系，通过方法的返回值，将页面关联起来
package com.xhx.core;

import java.time.Duration;

import org.openqa.selenium.WebDriver;
import org.openqa.selenium.firefox.FirefoxDriver;
import org.testng.annotations.AfterClass;
import org.testng.annotations.BeforeClass;

public class BaseTest {
	public WebDriver driver;

	@BeforeClass
	public void initBrowser() {
		System.out.println("初始化浏览器");
		System.setProperty("webdriver.gecko.driver", "D:\\test\\Selenium\\geckodriver30.exe");
		System.setProperty("webdriver.firefox.bin", "D:\\firefox\\firefox.exe");
		driver = new FirefoxDriver();
		driver.manage().window().maximize();
		// 隐式等待
		driver.manage().timeouts().implicitlyWait(Duration.ofSeconds(3));
		System.out.println("父类的");
	}

	@AfterClass
	public void quitBrowser() {
		driver.quit();
	}
}


package com.xhx.pages;

import static org.testng.Assert.assertEquals;

import java.time.Duration;

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.support.FindBy;
import org.openqa.selenium.support.PageFactory;
import org.openqa.selenium.support.ui.ExpectedConditions;
import org.openqa.selenium.support.ui.LoadableComponent;
import org.openqa.selenium.support.ui.WebDriverWait;

public class AdminLoginPage3 extends LoadableComponent<AdminLoginPage3>{

	private WebDriver driver;
	public AdminLoginPage3(WebDriver driver) {
		this.driver = driver;
		PageFactory.initElements(driver, this);
	}
	
	
	@FindBy(name = "username")
	private WebElement txt_username;

	@FindBy(name = "password")
	private WebElement txt_password;

	@FindBy(xpath = "//input[@type='submit']")
	private WebElement btn_submit;

	// 实现对应的操作方法
	public AdminMainPage login(String name, String password) {
		this.load();
		this.isLoaded();
		this.txt_username.sendKeys(name);
		this.txt_password.sendKeys(password);
		this.btn_submit.click();
		return new AdminMainPage(this.driver);
	}
	
	
	@Override
	protected void load() {
		this.driver.get("http://localhost:8032/mymovie/admin.php/Login/index.html");
		//显示等待
		//在设置时间内，默认每隔一段时间检测一次当前页面元素是否存在
		//如果超过设置时间检测不到则抛出异常
		WebDriverWait wait = new WebDriverWait(driver, Duration.ofSeconds(10));
		wait.until(ExpectedConditions.presenceOfAllElementsLocatedBy(By.name("username")));
	}

	@Override
	protected void isLoaded() throws Error { //判断页面是否加载完成
		assertEquals(this.driver.getTitle(), "基于ThinkPHP & J-UI 框架的CRM 系统");
	}
}


package com.xhx.test;

import static org.testng.Assert.assertTrue;

import org.openqa.selenium.By;
import org.testng.annotations.Test;

import com.xhx.core.BaseTest;
import com.xhx.pages.AdminLoginPage3;

public class AdminLoginTest3 extends BaseTest{
	@Test
	public void test_login_success() {
		AdminLoginPage3 page = new AdminLoginPage3(this.driver);
		page.login("admin", "admin");
		assertTrue(this.driver.findElement(By.linkText("退出")).isDisplayed());
	}
}


package com.xhx.test;

import org.testng.annotations.Test;

import com.xhx.core.BaseTest;
import com.xhx.pages.AdminLoginPage3;
import com.xhx.pages.AdminMainPage;

//添加用户信息的操作
public class AdminMainTest extends BaseTest{
	
	@Test
	public void test1() {
		AdminLoginPage3 loginPage = new AdminLoginPage3(this.driver);
		AdminMainPage mainPage = loginPage.login("admin", "admin");
		mainPage.addUser();
	}
}


package com.xhx.pages;

import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.support.FindBy;
import org.openqa.selenium.support.PageFactory;

public class AdminMainPage {
	
	public AdminMainPage(WebDriver driver) {
		PageFactory.initElements(driver, this);
	}
	@FindBy(linkText="浏览用户信息")
	public WebElement listuser;
	
	public void addUser() {
		this.listuser.click();
	}
}

简单了解maven

本节中，并未清楚的讲解如何配置、使用maven，但将讲述的相关内容记录。！！
仅仅表示，我知道一点点，但并不完全知道。
菜鸡潸然泪下。。

  1. 环境、工具准备
    （1）maven：简单理解成一个项目构建软件。下载地址：链接；
    配置指南链接还需要修改一处：<localRepository>D:/maven_tools</localRepository>
    （2）eclipse点击help，下载cucumber插件，安装下图：
    在这里插入图片描述
    （3）配置maven：
    在这里插入图片描述
    在这里插入图片描述

创建一个maven project文件。
（4）配置maven project中的xml文件链接地址
在这里插入图片描述
剩下的我也不知道了，仅仅将相关资源在此做个记录：
cucumber自动化测试官方教程
菜鸡本菜

Xuhx&
关注
专栏目录
Selenium系列（二十） - PageObject模式的详细介绍
qq_33801641的博客
04-05 688
如果你还想从头学起Selenium，可以看看这个系列的文章哦！ https://www.cnblogs.com/poloyy/category/1680176.html 其次，如果你不懂前端基础知识，需要自己去补充哦，博主暂时没有总结（虽然我也会，所以我学selenium就不用复习前端了哈哈哈...） 前言 在UI自动化测试中，PO是目前最为主流，也是公认最佳的设计模式 UI自...
Python+Selenium使用Page Object实现页面自动化测试
09-19
Page Object模式是自动化测试中的一种最佳实践，尤其在Python结合Selenium进行网页自动化测试时，它能显著提高代码的可维护性和可复用性。在Page Object模式中，每个网页被视为一个独立的类，这个类封装了页面上的...
Selenium之PageObject设计模式。
12-22
PageObject简称PO，表示页面对象。 目的：主要实现代码的分层设计，减少代码的维护量，表现在页面元素和元素操作的相互分离。 主要核心元素： 基础类：用来封装基础类，比如驱动、元素的二次定位。 页面层：继承基础类，通过驱动来管理该页面的元素，将操作封装成方法进行调用。 用例层：继承unittest.TestCase，调用相应的页面类来实现相应的测试步骤。 自动化测试框架文件的设计图如下所示： basepage文件夹所放的是基础类，初始化__init__()方法定义Driver和URL，对By类的find_element()进行重写。 代码如下： from selenium.webdr
Selenium使用教程-Selenium高级功能：页面对象模型(POM)
最新发布
java电商源码分享
08-01 468
在自动化测试领域，Selenium凭借其强大的网页操作能力和跨浏览器兼容性，已成为测试工程师的首选工具。而为了进一步提升测试效率和代码可维护性，页面对象模型（Page Object Model, 简称POM）的设计模式显得尤为重要。本文将深入探讨POM的核心概念、设计实践以及如何通过它实现高效的自动化测试，并展示如何利用自动化测试软件助力企业高效交付优质软件。
浅谈 PageObject模式
热门推荐
米阳MeYoung
03-09 1万+
做过UI自动化的都晓得，在做UI自动化时定位特别依赖页面，一旦页面发生变更就不得不跟着去修改页面定位。 在webdriver中，加上你想对一个元素定位操作，那么你可能会编写下面的代码： driver.findElement(By.id("ad")).click(); 发现问题： 假设你有10个地方对这个元素做了这个操作，哪天这个控件的元素变了，你就不得不去修改10个地方。 那么，有什么好
PageObject 设计模式
沉觞的博客
10-07 8123
PageObject 设计模式PageObject 设计模式简要认知PageObject 设计模式原理PageObject 设计模式核心思想PageObject 设计模式的优点PageObject 设计模式实操测试用例编码driver 扩展简化页面元素定位设置等待断言处理逆向用例ddt PageObject 设计模式简要认知 PageObject 设计模式原理 将页面的元素定位和元素行为封装成一个page类。一个页面对应一个类 类的属性：元素的定位 类的行为：元素的操作 PageObject 设计模式核
Selenium的PO模式（Page Object Model）|(Selenium Webdriver For Python)
weixin_33810006的博客
11-07 863
研究Selenium + python 自动化测试有近两个月了，不能说非常熟练，起码对selenium自动化的执行有了深入的认识。 从最初无结构的代码，到类的使用，方法封装，从原始函数调用，到重定义函数。从变量驱动，到数据驱动，再到关键字驱动，一步一步的默默走向自动化框架的构建。虽然还有没有投入使用，只是写几个demo，就慢慢的发现了 selenium自动用例脚本，相似功能地方，...
PageObjects 设计模式
可口可乐的博客
12-18 794
什么是Page Objects(翻译为：页面对象？)… 简单的说，Page Objects是指UI界面上用于与用户进行交互的对象。它可以指整个页面，也可以指Page上的某个区域。Page Objects是你的test code的交互对象，是对实际UI的一种抽象模型化。通过Page Objects可以减少重复代码的编写，例如，很多页面都有同样的header，footer，navigator等部分，
python_selenium_page_object_example:Python Selenium PageObject模式实现
05-07
Python Selenium PageObject模式实现 在自动化测试领域，Selenium是一个广泛应用的工具，它允许开发者用各种编程语言（如Python）来控制浏览器的行为。PageObject模式是Selenium测试中的一种最佳实践，它帮助我们...
selenium-page-object-generator:灵活灵活的Selenium页面对象模型生成器，可提高敏捷测试过程的速度
05-02
Selenium页面对象生成器 灵活灵活的生成器，可提高。 Selenium Page Object Generator是改善您的工作流程的必不可少的工具。 只要配置了所有选项和模板，它就会在活动的或选项卡上单击生成。 生成的页面对象模型将...
Selenium使用PageObject模式测试登陆页面
10-30
Selenium使用PageObject模式测试登陆页面，列出了一些测试用户，主要实现的登陆页面的自动测试
pageobject（selenium基于python）
04-19
根据系统写的一个PageObject 框架，可以应用在其他系统，但是要写自己系统的page，仅供参考
页面对象：在watir-webdriver和selenium-webdriver中实现PageObject模式的宝石
02-20
页面对象 一个简单的gem，可帮助创建灵活的页面对象以测试基于浏览器的应用程序。 目的是促进在测试中创建抽象...您可以通过包含PageObject模块来定义新的页面对象： class LoginPage include PageObject end 当您
PageObject 页面对象设计模式 
Java后端技术栈
03-20 651
一、PageObject 页面对象设计模式 （一个页面建一个类，即对象，页面对象） 每个页面都建对应的class,类中包含了页面的输入框、标题、元素等元素，测试代码中测试这个页面时，只需要调用这个页面类（页面对象）里的页面元素即可，这样实现了将测试对象（页面对象）和测试脚本（用例脚本）分离，如果元素ID等发生变化时，不需要去修改测试代码，只需要在页面类中修改即可，利于维护所有脚本。 页面对象...
Page Object设计模式
Asaasa1的博客
11-02 958
一，引入问题 在之前的博客中，测试脚本是使用线性模式来编写的，如下： 注意：本文所有代码仅为示例 import logging from appium import webdriver from selenium.webdriver.support import expected_conditions as ec from selenium.webdriver.support.ui import WebDriverWait from appium.webdriver.common.mobileby impo
selenium pageObject
Fortune_yang的博客
09-27 521
待更新，希望早点学会pageObject。
Selenium对象页面模型
weixin_37565521的博客
11-25 352
页面对象模型page object model是selenium中的一种脚本设计模式，它能将页面元素封装起来，与业务操作分隔开， 在页面变化改变时，无需去修改业务逻辑代码，提高脚本维护的效率。 1、po设计模式实例简介 （1） 新建一个po包，在其下面新建登录页面类Login （2）在testng类中调用Login类中的登录方法login ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Xuhx&

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值