UI自动化测试中公认最佳的设计模式-POM

ops/2024/11/25 12:08:00/

一、概念

什么是POM?

POM是PageObjectModule(页面对象模式)的缩写,其目的是为了Web UI测试创建对象库。在这种模式下,应用涉及的每一个页面应该定义为一个单独的类。类中应该包含此页面上的页面元素对象和处理这些元素对象所需要的方法等。将流程所关联的页面作为对象,将对象串联起来,形成一个个不同的流程,POM是业内公认最佳的设计模式。

POM的优点:

(1)PO提供了页面元素操作和业务流程相分离的模式,可以使测试的代码结构比之前清晰,可读性强。

(2)更方便地复用对象和方法。

(3)对象库是独立于测试用例的、统一的对象库,可以通过集成不同的工具类来达到不同的测试目的。比如集成UnitTest可以用来做单元测试、自动化/功能测试,同时也可以集成JBehave/Cucumber等来做验收测试。

(4)使得整体自动化测试的优点变得更容易一些,如果有某个页面的元素需要变更,那么就可以直接更改封装好的页面元素类即可,而不用更改调用它的其他测试类/代码。这样整个的代码维护成本也会缩减。

PO的核心就是分层思想,把同属于一个页面的元素都放在一个页面类中。

以上概念内容来源于某书籍

二、简要结构设计

  1. 逻辑代码:基类,实现所有工具函数封装,类似于关键字驱动设计模式;

  2. 页面对象代码:基于系统页面,通过调用工具函数来实现业务的操作,生成对应的页面对象;

  3. 测试代码:基于测试需要,组件页面对象,实现核心流程的自动化,执行测试用例;

  4. 测试数据:为测试用例的执行提供所需要的测试数据。

三、POM完整框架

  1. Base层:定义项目需要的基础方法,特别是一些基础操作,如元素click操作、sendkeys操作,调用JavaScript脚本的方法和其他一些与基本浏览器相关的操作。

  2. Common层:包含处理Excel文件的方法,获取项目路径、测试系统URL的信息和框架执行相关日志功能的实现方法。

  3. Data层:存放测试数据,在这里可以维护测试数据,这样存放是为了让项目的可维护性强、整体的条理性强。测试数据有时是自动化测试的驱动因素,因此对Data的管理和维护就显的特别重要。

  4. Logs层:存放项目在运行过程中产生的日志文件。

  5. PageObject层:这里是PO的核心层,该层不但涉及代码技术,还涉及对项目业务的分析,进而对项目的页面进行分析。

  6. Reports层:存放项目执行过程中产生的测试报告文件,测试报告是对测试结果的总结。

  7. TestCase层:管理测试用例和执行测试,相当于测试的总入口。

  8. config.ini:整个项目需要用到的配置项。

四、项目实战

以百度搜索为例

  1. 我们首先新建一个简单的项目结构:base、data、page_object、cases,如下图所示:

image.png

2. 在base包下新建一个base_page.py文件,在base_page.py文件下新建一个BasePage类作为基类,提供各个常用的已封装好的函数,便于后续的页面对象类进行调用。selenium中常用的函数:元素定位、输入、点击、访问URL、等待、关闭等。代码如下:

  1. '''

  2. 基类:提供各个常用的已封装好的函数,便于后续的页面对象类进行调用。

  3. selenium中常用的函数:元素定位、输入、点击、访问URL、等待、关闭

  4. '''

  5. from time import sleep

  6. from selenium import webdriver

  7. class BasePage:

  8. driver = webdriver.Chrome()

  9. # 访问URL

  10. def visit(self, url):

  11. self.driver.get(url)

  12. # 元素定位

  13. def locator(self, loc):

  14. return self.driver.find_element(*loc)

  15. # 输入

  16. def input(self, loc, txt):

  17. self.locator(loc).send_keys(txt)

  18. # 点击

  19. def click(self, loc):

  20. self.locator(loc).click()

  21. # 等待

  22. def wait(self, time):

  23. sleep(time)

  24. # 关闭

  25. def close(self):

  26. self.driver.quit()

  1. page_object包下新建一个search_page.py文件,在该文件下新建一个SearchPage类继承BasePage类,调用基础类中的方法实现页面操作,生成对应的页面对象。代码如下:
  2. '''

  3. 百度查询页面,搜索功能

  4. '''

  5. from selenium.webdriver.common.by import By

  6. from base.base_page import BasePage

  7. from selenium import webdriver

  8. class SearchPage(BasePage):

  9. url = 'http://www.baidu.com'

  10. # 定位百度输入框

  11. search_input = (By.NAME, 'wd')

  12. # 定位百度一下按钮

  13. search_button = (By.ID, 'su')

  14. # 封装实现业务流程的函数

  15. def search(self, txt):

  16. self.visit(self.url)

  17. self.wait(2)

  18. self.input(self.search_input, txt)

  19. self.wait(2)

  20. self.click(self.search_button)

  1. cases包下新建一个testcase.py文件作为测试类,实现在百度中分别搜索selenium、python,代码如下:
  2. '''

  3. 测试类

  4. '''

  5. import unittest

  6. from page_object.search_page import SearchPage

  7. from selenium import webdriver

  8. class Case(unittest.TestCase):

  9. def test_search1(self):

  10. driver = webdriver.Chrome()

  11. txt = 'selenium'

  12. SearchPage(driver).search(txt)

  13. def test_search2(self):

  14. driver = webdriver.Chrome()

  15. txt = 'python'

  16. SearchPage(driver).search(txt)

  17. if __name__ == '__main__':

  18. unittest.main()

运行以上代码发现,因为创建了两次webdriver,所以每运行一次代码都会打开一个Chrome浏览器,同时,代码中也存在冗余。优化方案:可以增加@classmethod作为前置条件和后置条件,搜索的条件也可以采用数据驱动的方式完成,提高代码的可读性与维护性。

data包下新建一个searchTXT.yaml文件,存放搜索的内容如下:

image.png

优化之后代码如下:

  1. '''

  2. 测试类

  3. '''

  4. import unittest

  5. from page_object.search_page import SearchPage

  6. from selenium import webdriver

  7. import ddt

  8. @ddt.ddt()

  9. class Case(unittest.TestCase):

  10. @classmethod

  11. def setUpClass(cls) -> None:

  12. cls.driver = webdriver.Chrome()

  13. cls.se = SearchPage(cls.driver)

  14. @classmethod

  15. def tearDownClass(cls) -> None:

  16. cls.driver.quit()

  17. @ddt.file_data('../data/searchTXT.yaml')

  18. def test_search(self, txt):

  19. self.se.search(txt)

  20. if __name__ == '__main__':

  21. unittest.main()

运行以上代码,发现测试用例执行了四次,分别搜索了selenium、python、java、php,如此实现了数据驱动,同时也在一个浏览器中完成了操作。

五、后记

以上简单的实现了POM的设计模式,完成了基类、页面对象层、数据层、测试层的代码编写,若读者有兴趣,可以完成报告层、日志层等内容的编写,最终实现完整的框架。

 感谢每一个认真阅读我文章的人!!!

作为一位过来人也是希望大家少走一些弯路,如果你不想再体验一次学习时找不到资料,没人解答问题,坚持几天便放弃的感受的话,在这里我给大家分享一些自动化测试的学习资源,希望能给你前进的路上带来帮助。

软件测试面试文档

我们学习必然是为了找到高薪的工作,下面这些面试题是来自阿里、腾讯、字节等一线互联网大厂最新的面试资料,并且有字节大佬给出了权威的解答,刷完这一套面试资料相信大家都能找到满意的工作。

 


http://www.ppmy.cn/ops/136560.html

相关文章

第十章习题

1.在网页中显示一个工作中的“数字时钟” <!DOCTYPE html> <html><head><meta charset"utf-8"><title></title><style>#date{text-align: center;font-size: 60px;}h1{text-align: center;}</style></head>&…

战略思维:破解复杂世界的系统性智慧

在当今快速演变且错综复杂的时代背景下&#xff0c;战略思维已然成为个人、组织乃至国家在应对挑战和实现目标过程中的核心能力。它不仅是一种思考模式&#xff0c;更是一套系统且富有智慧的工具&#xff0c;助力我们在混沌的环境中精准定位方向、敏锐捕捉机遇。 一、目…

一种新的电机冷却方式——热管冷却

在现代工业设备中&#xff0c;电机作为一种核心动力装置&#xff0c;广泛应用于各个领域。例如&#xff0c;家用电器、自动化生产线、交通工具等都离不开电机的运作。然而&#xff0c;随着电机功率的不断提升和负载的增加&#xff0c;电机在运行过程中产生的热量也随之增多&…

uni-app集成使用SQLite数据库

一、勾选SQLite数据库选项 &#xff08;1&#xff09;HBuilder工具打开**项目 &#xff08;2&#xff09;**项目/manifest.json 》App模块配置 》勾选SQLite(数据库) 二、封装sqlite.js 在项目根目录下创建sqlite/sqlite.js sqlite.js: // 数据库名称 const dbName app; /…

Spring Boot项目集成Redisson 原始依赖与 Spring Boot Starter 的流程

Redisson 是一个高性能的 Java Redis 客户端&#xff0c;提供了丰富的分布式工具集&#xff0c;如分布式锁、Map、Queue 等&#xff0c;帮助开发者简化 Redis 的操作。在集成 Redisson 到项目时&#xff0c;开发者通常有两种选择&#xff1a; 使用 Redisson 原始依赖。使用 Re…

打造属于你的表单验证工具

在前端开发中&#xff0c;表单验证是一个常见且重要的需求。传统的表单验证往往导致代码重复、管理困难&#xff0c;尤其在面对复杂的表单时&#xff0c;验证逻辑容易变得混乱。为了提高开发效率和保证数据准确性&#xff0c;我们开发了一个高度自定义的表单验证器&#xff0c;…

【漏洞复现】代付微信小程序系统 read.php 任意文件读取漏洞

免责声明: 本文旨在提供有关特定漏洞的信息,以帮助用户了解潜在风险。发布此信息旨在促进网络安全意识和技术进步,并非出于恶意。读者应理解,利用本文提到的漏洞或进行相关测试可能违反法律或服务协议。未经授权访问系统、网络或应用程序可能导致法律责任或严重后果…

oracle排查长时间没提交的事务造成的阻塞案例

一 问题描述 开发同事反馈生产环境某个接口慢&#xff0c;一个普通的按主键更新的update竟然需要5分钟&#xff0c;而我手动执行秒返回&#xff0c;猜测是发生了阻塞&#xff0c;需要排查出阻塞源。 有时&#xff0c;一个事务里会包含多个sql&#xff0c;有的还包含上传附件等…