浅谈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

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

目录
相关文章
|
3月前
|
前端开发 测试技术 API
UI自动化与API自动化已经开始互斥了吗?
UI自动化与API自动化已经开始互斥了吗?
|
3月前
|
设计模式 Java 测试技术
软件测试/测试开发/全日制|Page Object模式:为什么它是Web自动化测试的必备工具
软件测试/测试开发/全日制|Page Object模式:为什么它是Web自动化测试的必备工具
70 0
|
1月前
|
设计模式 编解码 API
Flutter UI设计模式与实现:深入探索与实践
【7月更文挑战第20天】Flutter以其独特的声明式UI模式和丰富的UI组件库,为移动应用开发提供了强大的支持。通过深入理解Flutter的UI设计模式和实现技巧,开发者可以构建出高性能、可维护性强的UI界面。同时,随着Flutter生态的不断完善和发展,相信未来Flutter将在移动应用开发领域发挥更加重要的作用。
|
19天前
|
运维 中间件 PHP
深入理解PHP中的中间件模式自动化运维之脚本编程实践##
【7月更文挑战第31天】在PHP开发中,中间件模式是一种强大的设计模式,它允许开发者在请求处理流程中注入自定义的处理逻辑。本文将通过实际代码示例来探讨如何在PHP项目中实现和使用中间件,以及这种模式如何提升应用程序的可维护性和扩展性。 【7月更文挑战第31天】 在现代IT运维管理中,自动化不再是可选项,而是提高生产效率、确保服务质量的必需品。本文将通过Python脚本编程的角度,探讨如何利用代码简化日常运维任务,提升工作效率。我们将从实际案例出发,逐步剖析自动化脚本的设计思路、实现过程及其带来的益处。 ##
15 0
|
3月前
|
Web App开发 前端开发 Java
Selenium UI 自动化
Selenium UI 自动化
|
3月前
|
前端开发 测试技术 持续交付
【Flutter 前端技术开发专栏】Flutter 中的 UI 测试与自动化测试
【4月更文挑战第30天】本文探讨了 Flutter 应用中UI测试和自动化测试的重要性,包括保障质量、提高效率和增强开发信心。Flutter提供`flutter_test`库进行Widget测试,以及`flutter_driver`进行集成测试。UI测试涵盖界面布局、交互和状态变化的验证,最佳实践建议尽早引入测试、保持用例简洁,并结合手动测试。未来,随着Flutter技术发展,UI测试和自动化测试将更加完善,助力开发高质量应用。
91 0
【Flutter 前端技术开发专栏】Flutter 中的 UI 测试与自动化测试
|
3月前
|
测试技术 持续交付 API
Python的UI自动化测试
【4月更文挑战第17天】Python UI自动化测试涉及Selenium(Web)、Appium(移动应用)和PyQt(桌面应用)等框架。基本步骤包括确定测试目标、选择合适框架、安装配置、编写测试脚本、运行调试以及集成到CI/CD流程。注意自动化测试不能完全取代人工测试,应根据需求平衡使用。
49 1
|
3月前
|
Linux API Android开发
Airtest UI自动化框架 v1.1.4
Airtest UI自动化框架 v1.1.4
64 3
|
3月前
|
存储 Shell 程序员
Python 自动化指南(繁琐工作自动化)第二版:七、使用正则表达式的模式匹配
Python 自动化指南(繁琐工作自动化)第二版:七、使用正则表达式的模式匹配
82 0
HMI-34-【运动模式】实现运动模式的UI上电逻辑控制
今天这界面上没有实际的增加,仅仅是实把运动模式UI上电控制逻辑实现了一下,其实到这个模块的时候,就会发现之前在写舒适模式的时候的一些问题了,有好内容可以抽象出来了,不用每次都实现一遍了。不过现在还比较懒,还是先以实现为主,和面的内容放在优化里面。废话不多说,开始搞事情。不过为了吸你们开下去,现在把目前进度放在了。