web 自动化之 PO 设计模式详解

news2025/7/15 5:38:55

文章目录

- - 一、什么是 POM
  - 二、如何基于 POM 进行自动化框架架构？
  - - 1、base 层封装
    - 2、pageobjects 层封装
    - 3、TestCases 层封装
  - 三、元素和方法分离&数据分离
  - - 1、哪些部分可以进行分离
    - 2、示例代码
  - 四、总结

一、什么是 POM

POM page object model 页面对象模型 WEB 自动化测试框架应用最为广泛的一种框架设计模式
设计思路： web 项目由很多页面组成，把每个页面当做页面对象来进行设计
Python 专题： 什么是对象？通过类描述一组对象对象=属性+方法
某电商项目 = n 个页面
登录页面=对每个页面设计对应页面类=相同属性+相同的方法
class LoginPage:
#属性？元素、页面标题…
#方法？你在页面进行操作/行为：点击、定位、输入…等等元素及页面的操作
每个页面有相同的属性及方法比如：点击、输入、元素定位
基于 POM 进行设计分为四层进行架构：

第一层 basepage 层每个页面有相同的属性及方法比如：点击、输入、元素定位
第二层 pageobjects 层针对每个页面定义页面类每个页面有独有的属性及方法
登录页面 LoginPage 类
注册页面 RegisterPage 类
第三层 TestCases 层用例层包含项目的业务流程
第四层 TestData 测试数据

二、如何基于 POM 进行自动化框架架构？

1、base 层封装

from selenium import webdriver
import time

class BasePage:
    """
    BasePage:定义每个页面的相同属性及方法
    相同属性？获取浏览器驱动对象（数据）
    相同方法？元素定位、点击、输入...等等操作
    """
    def __init__(self,driver=webdriver.Edge()):
        self.driver = driver
    def locator(self,loc):
        """元素定位"""
        # 参数loc，里面包含两个参数
        # loc = (By.LINK_TEXT,'登录')
        # *loc，是把外面括号去掉，变成2个参数
        return self.driver.find_element(*loc) # WebElement 对象
    def input(self,loc,value):
        """输入"""
        self.locator(loc).send_keys(value)
    def click(self,loc):
        """点击"""
        self.locator(loc).click()
    def sleep(self,s):
        time.sleep(s)

2、pageobjects 层封装

from TestPOM.base.basepage import BasePage
from selenium.webdriver.common.by import By
class LoginPage(BasePage):
    """
    登录页面类=页面独有的属性及方法
    页面独有的属性：页面元素定位
    方法：登录页面的操作
    """
    # 登录页面的属性
    el_login = (By.XPATH, '//button[text()="登录"]')
    el_username = (By.NAME, "accounts")
    el_password = (By.XPATH, '//input[@type="password"]')
    url = "http://116.62.63.211/shop/user/logininfo.html"

    # 方法
    def login(self, username, password):
        # 实现登录步骤
        self.driver.get(self.url)
        self.sleep(1)
        # 输入用户名
        self.input(loc=self.el_username, value=username)
        # 输入密码
        self.input(loc=self.el_password, value=password)
        # 点击登录
        self.click(loc=self.el_login)
        self.sleep(1)

3、TestCases 层封装

import unittest
from TestPOM.pageobjects.webpage import LoginPage

class TestLogin(unittest.TestCase):
    def test_login(self):
        # 实例化对象
        loginPage = LoginPage()
        username = "hc_test"
        password = "hctest123"
        loginPage.login(username=username, password=password)

三、元素和方法分离&数据分离

1、哪些部分可以进行分离

1、页面对象类-元素定位+方法再一次进行分离：元素定位层+业务流程层，更利于团队分工合作
2、项目数据分离
- a、项目的全局配置数据进行分离：项目地址/根地址、页面地址、数据库账号及地址、测试报告路径、数据路径
- b、业务流程中的数据进行分离

2、示例代码

a、Global_Datas.py 项目的全局配置数据

# 根路径
base_url = "http://116.62.63.211/shop"
# 登录路径
login_url = base_url + "/user/logininfo.html"

b、login_datas.py 登录业务流程中的数据

success = ("hc_test","hctest123")
fail = ("hc_test","hctest123456")

c、login_page_loc.py 登录页面的定位元素：

from selenium.webdriver.common.by import By

"""
登录页面类=页面独有的属性及方法
页面独有的属性：页面元素定位
方法：登录页面的操作
"""
class LoginPageLoc:
    el_login = (By.XPATH, '//button[text()="登录"]')
    el_username = (By.NAME, "accounts")
    el_password = (By.XPATH, '//input[@type="password"]')

d、login_page.py 登录页面的操作方法

from TestPOM.base.basepage import BasePage
from TestPOM.pagelocators.login_page_loc import LoginPageLoc as Locs
from TestPOM.testdatas import Global_Datas as GDatas

from selenium.webdriver.common.by import By
class LoginPage(BasePage):
    # 方法
    def login(self, username, password):
        # 实现登录步骤
        self.driver.get(GDatas.login_url)
        self.sleep(1)
        # 输入用户名
        self.input(loc=Locs.el_username, value=username)
        # 输入密码
        self.input(loc=Locs.el_password, value=password)
        # 点击登录
        self.click(loc=Locs.el_login)
        self.sleep(1)

e、testcase_login.py 登录页面的用例

import unittest
from TestPOM.pageobjects.login_page import LoginPage
from TestPOM.testdatas import login_datas as ld

class TestLogin(unittest.TestCase):
    def test_login(self):
        # 实例化对象
        loginPage = LoginPage()
        loginPage.login(username=ld.success[0], password=ld.success[1])