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

一、概念

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

  2. '''

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

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

  5. '''

  6. from time import sleep

  7. from selenium import webdriver

  8. class BasePage:

  9. driver = webdriver.Chrome()

  10. # 访问URL

  11. def visit(self, url):

  12. self.driver.get(url)

  13. # 元素定位

  14. def locator(self, loc):

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

  16. # 输入

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

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

  19. # 点击

  20. def click(self, loc):

  21. self.locator(loc).click()

  22. # 等待

  23. def wait(self, time):

  24. sleep(time)

  25. # 关闭

  26. def close(self):

  27. self.driver.quit()

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

  29. '''

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

  31. '''

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

  33. from base.base_page import BasePage

  34. from selenium import webdriver

  35. class SearchPage(BasePage):

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

  37. # 定位百度输入框

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

  39. # 定位百度一下按钮

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

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

  42. def search(self, txt):

  43. self.visit(self.url)

  44. self.wait(2)

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

  46. self.wait(2)

  47. self.click(self.search_button)

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

  49. '''

  50. 测试类

  51. '''

  52. import unittest

  53. from page_object.search_page import SearchPage

  54. from selenium import webdriver

  55. class Case(unittest.TestCase):

  56. def test_search1(self):

  57. driver = webdriver.Chrome()

  58. txt = 'selenium'

  59. SearchPage(driver).search(txt)

  60. def test_search2(self):

  61. driver = webdriver.Chrome()

  62. txt = 'python'

  63. SearchPage(driver).search(txt)

  64. if __name__ == '__main__':

  65. unittest.main()

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

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

优化之后代码如下:

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

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

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

软件测试面试文档

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

相关推荐
牙牙7052 小时前
Centos7安装Jenkins脚本一键部署
java·servlet·jenkins
灼烧的疯狂2 小时前
K8S + Jenkins 做CICD
容器·kubernetes·jenkins
java1234_小锋2 小时前
Elasticsearch中的节点(比如共20个),其中的10个选了一个master,另外10个选了另一个master,怎么办?
大数据·elasticsearch·jenkins
我的运维人生2 小时前
Elasticsearch实战应用:构建高效搜索与分析平台
大数据·elasticsearch·jenkins·运维开发·技术共享
运维老司机2 小时前
Jenkins修改LOGO
运维·自动化·jenkins
ernesto_ji1 天前
Jenkins下载安装、构建部署到linux远程启动运行
linux·servlet·jenkins
运维老司机1 天前
Jenkins迁移数据目录
运维·jenkins
zpz20011 天前
Jenkins的环境部署
java·运维·jenkins
RT_01142 天前
设计模式之策略模式
java·设计模式·策略模式