浅谈UI自动化必备的PO模式

简介: PO模式的全名叫做page Object:页面-对象模式。简单的说就是:一个页面是一个类,元素在页面中,所以每个元素的定位信息是这个类中的一个变量;这个页面的常规业务操作是这个类中的一个个成员方法。PO模式是自动化测试框架中很重要的一种设计模式。

什么是PO模式


PO模式的全名叫做page Object:页面-对象模式。简单的说就是:一个页面是一个类,元素在页面中,所以每个元素的定位信息是这个类中的一个变量;这个页面的常规业务操作是这个类中的一个个成员方法。PO模式是自动化测试框架中很重要的一种设计模式。PO模式的好处就是元素定位信息以页面为单位提取,方便管理,提高后期的维护效率。缺点是进行脚本开发时,需求实例化各个页面的对象,当一个复杂的业务操作牵扯到多个页面时,这种方法就显得有些繁琐


PO模式的实现


项目目录结构


image.png


一、元素定位层PageLocators


元素定位分离

image.png

image.png

1、 元素定位按照页面区分,分别存储在不同页面


2、 存储的方式为元组(定位方式,定位表达式),每一个元素定位写好注释是哪个元素,方便重复调用例子:input_moile=(By.XPATH,'//input[@name="phone"]')


3、 调用方法:先把元素定位引入需要调用的文件,别名统称loc

WebDriverWait(self.driver, 20).until(EC.visibility_of_element_located(loc.input_moile))
self.driver.find_element(*loc.input_moile).send_keys(username)
(*号可以将元组解包为两个单独参数)
Driver.find_element.(),后面跟参数(定位方法,定位表达式)

4、 元素定位命名要见文知意


5、 有新增的元素定位继续在框架内补充即可


二、页面对象层PageObject


页面对象与测试用例分离

image.png

image.png

1、 页面对象按照不同页面进行存放

2、 页面对象为对页面进行的具体操作(执行用例所需要的步骤,获取断言的比对信息等),每一个操作都写上清晰的注释以方便调用


3、 需要初始化一个driver


4、 操作中需要调用元素定位层的元素定位进行元素的各种操作

5、 每个操作的命名要见文知意

注意:要等待元素出现,必要时加入强等待sleep进行等待

调用时要注意格式(元组),WebDriverWait可以直接调用,driver.find_element需要*号将元组解包。


三、测试用例层TestCase


image.png

image.png


1、 测试用例按照测试的不同模块分别存放(可以大模块下面继续细分),每一条测试用例都写上详细的注释,对应测试的功能

2、 继承unittest.TestCase类,需要先引入

3、 测试用例的要素:

①前置条件

②执行步骤

③数据检查及断言

4、 用例的前置后置处理函数处理前置后置条件—

  • setUpClass(cls):类方法,重写时要加上@classmethod装饰器。存放测试用例的前置条件,如实例化driver,打开浏览器,输入网址,实例化PageObject等,每次在执行所有用例之前只执行一次。
  • tearDownClass(cls):类方法,重写时要加上@classmethod装饰器。存放测试用例执行完之后需要的操作,如退出浏览器等。每次在执行所有用例完成之后只执行一次。
  • setUp(self):非类方法,存放测试用例的前置条件,如实例化driver,打开浏览器,输入网址,实例化PageObject等,执行每一个测试用例之前都要执行一次。
  • tearDown(self):非类方法,存放测试用例执行完之后需要的操作,如退出浏览器等。执行每一个测试用例之后都要执行一次

5、调用PageObject来完成用例的执行步骤,完成用例执行结果的断言。

6、执行步骤和断言方式相同的多个用例,可以只写一个用例,用ddt.data来传入数据依次执行(如登录的异常用例等),数据来源于TestData分层。

7、多个用例只打开一次浏览器的操作条件:①用例之间不能相互影响②同一个页面对象③异常用例在前,正常用例在后。

注:用例的执行顺序可以通过用例名字进行控制


四、测试数据层TestData


数据分离

image.png

image.png

1、 测试数据按照测试的不同模块分别存放(可以大模块下面继续细分),每一条数据都写上详细的注释,对应用例


2、 每个模块下的数据分为公共数据和功能模块的数据


3、 功能模块按照测试的功能存放测试数据


4、 数据格式,单条数据使用字典,多条数据使用列表嵌套字典格式,被调用时要用*解包为多个列表


五、基础方法层 Commen


image.png

将常用的页面操作全部集中在此处,与业务无关,加上完善的异常处理,供后续的所有的页面操作调用。


六、测试输出层Output


image.png

用于存放测试报告,截图,日志等测试过程中输出的文件。

目录
相关文章
|
前端开发 测试技术 API
UI自动化与API自动化已经开始互斥了吗?
UI自动化与API自动化已经开始互斥了吗?
198 1
|
设计模式 Java 测试技术
软件测试/测试开发/全日制|Page Object模式:为什么它是Web自动化测试的必备工具
软件测试/测试开发/全日制|Page Object模式:为什么它是Web自动化测试的必备工具
|
9月前
|
传感器 人工智能 监控
通义灵码智能体模式在企业级开发中的应用:以云效DevOps自动化流程为例
通义灵码智能体模式具备语义理解、任务闭环与环境感知能力,结合云效DevOps实现CI/CD异常修复、测试覆盖与配置合规检查,大幅提升研发效率与质量。
402 0
|
8月前
|
测试技术 API C++
Playwright 自动化测试系列(7)| 第三阶段:测试框架集成​​Page Object 模式
本课程详解Playwright测试框架中的Page Object模式,通过电商登录-下单实战演示PO架构设计与高级技巧,结合Pytest实现多用户测试。重点解析PO模式提升代码复用性、降低维护成本的核心价值,并提供常见问题解决方案,助力构建高可维护性的自动化测试体系。
|
10月前
|
JavaScript 搜索推荐 前端开发
通义灵码2.5智能体模式联合MCP:打造自动化菜品推荐平台,实现从需求到部署的全流程创新
本项目利用通义灵码2.5的智能体模式与MCP服务,构建在线点餐推荐网站。基于Qwen3模型,实现从需求到代码生成的全流程自动化,集成“今天吃什么”和EdgeOne MCP服务,提供个性化推荐、偏好管理等功能。技术架构采用React/Vue.js前端与Node.js后端,结合MCP工具链简化开发。项目涵盖功能测试、部署及未来扩展方向,如餐厅推荐、语音交互等,展示高效开发与灵活扩展能力。
|
12月前
|
关系型数据库 MySQL 数据库
基于Flink CDC 开发,支持Web-UI的实时KingBase 连接器,三大模式无缝切换,效率翻倍!
TIS 是一款基于Web-UI的开源大数据集成工具,通过与人大金仓Kingbase的深度整合,提供高效、灵活的实时数据集成方案。它支持增量数据监听和实时写入,兼容MySQL、PostgreSQL和Oracle模式,无需编写复杂脚本,操作简单直观,特别适合非专业开发人员使用。TIS率先实现了Kingbase CDC连接器的整合,成为业界首个开箱即用的Kingbase CDC数据同步解决方案,助力企业数字化转型。
2496 5
基于Flink CDC 开发,支持Web-UI的实时KingBase 连接器,三大模式无缝切换,效率翻倍!
|
人工智能 自然语言处理 API
UI-TARS:字节跳动开源专注于多平台 GUI 自动化交互的视觉语言模型
UI-TARS 是字节跳动推出的新一代原生图形用户界面(GUI)代理模型,支持跨平台自动化交互,具备强大的感知、推理、行动和记忆能力,能够通过自然语言指令完成复杂任务。
3412 16
UI-TARS:字节跳动开源专注于多平台 GUI 自动化交互的视觉语言模型
|
Java 测试技术 持续交付
【入门思路】基于Python+Unittest+Appium+Excel+BeautifulReport的App/移动端UI自动化测试框架搭建思路
本文重点讲解如何搭建App自动化测试框架的思路,而非完整源码。主要内容包括实现目的、框架设计、环境依赖和框架的主要组成部分。适用于初学者,旨在帮助其快速掌握App自动化测试的基本技能。文中详细介绍了从需求分析到技术栈选择,再到具体模块的封装与实现,包括登录、截图、日志、测试报告和邮件服务等。同时提供了运行效果的展示,便于理解和实践。
1089 4
【入门思路】基于Python+Unittest+Appium+Excel+BeautifulReport的App/移动端UI自动化测试框架搭建思路
|
前端开发 测试技术 UED
【测试效率对比】深入分析:为何UI自动化测试的投资回报率通常低于接口自动化测试?
这篇文章深入分析了UI自动化测试与接口自动化测试的投资回报率(ROI)问题,指出UI自动化测试在某些情况下的ROI并不低,反驳了没有实施过UI自动化就轻易下结论的观点,并强调了实践的重要性和自动化测试在项目迭代中的作用。
507 1
|
设计模式 编解码 API
Flutter UI设计模式与实现:深入探索与实践
【7月更文挑战第20天】Flutter以其独特的声明式UI模式和丰富的UI组件库,为移动应用开发提供了强大的支持。通过深入理解Flutter的UI设计模式和实现技巧,开发者可以构建出高性能、可维护性强的UI界面。同时,随着Flutter生态的不断完善和发展,相信未来Flutter将在移动应用开发领域发挥更加重要的作用。