web自动化测试(9)--PO设计模式(一)

传统的设计中，在新增测试用例之后，测试代码会有如下几个问题：

(1)易读性差：一连串的find_element和wait.until会使代码显得杂乱无章，不方便阅读；

(2)可扩展性不好：用例孤立，无法扩展；

(3)可复用性差：无公共方法，很难进行复用；

(4)可维护性差：一旦页面元素发生变化，需要维护修改大量的测试用例。

所以，我们有必要掌握PO设计模式，以弥补传统设计的不足。

PO(Page Object)设计模式是selenium自动化测试中最佳的设计模式之一，主要体现在对界面交互细节的封装，我们在实际测试中只需关注业务流程就可以了。

PO设计模式是一种自动化测试设计模式：将测试对象和测试用例进行分离，此时测试对象只需负责页面元素的定位和对元素进行相应的操作，因此我们可以将测试对象，即页面封装成一个类，其中，

类的属性：页面元素的定位

类的方法：对页面元素的操作

通过上述的描述，我们可以简单的将PO理解为：

(1)PO对象是一种设计模式，用来管理和维护一组web元素的对象库；

(2)在PO设计模式下，应用程序的每一个页面都有一个对应的page类；

(3)每一个page类只需负责维护该web页面的元素和操作这些元素的方法；

(4)每一个page中方法的名称最好根据相应的业务场景进行命名，做到见名识意。例如通常我们登陆成功后，在进行下一个业务操作时，通常需要等待几秒钟，此时我们可以使用这样的命名方法：waitint_for_login_success()或者waitingForLoginSuccess()；

(5)测试用例=调用页面类的方法+测试数据 -- 本节中暂时还未将测试数据和测试用例进行分离，只涉及设计测试用例和测试对象的分离；

(6)测试用例中可能会涉及多个测试对应，如 1个用例 = 页面A + 页面B + 页面C + 页面D等。

下面我们将通过具体的实例，进一步理解PO设计模式。

场景描述：使用用户名和密码登录课堂派，要求使用PO设计模式。

操作流程：

(1)先梳理业务，根据业务需求使用excel编写测试用例；

(2)明确测试用例中需要使用的页面和测试数据以及断言；  --  此时需要熟悉测试用例中每一步的操作流程，代码可以先不用实现

(3)实现具体的页面对象和页面元素定位；

(4)准备测试数据 -- 使用python代码来存放测试数据；

(5)页面对象和测试数据准备就绪后，对测试用例进行填充。

代码实现：

(1)代码组织结构：

(2)各部分实现

conftest.py

• 前置：实例化dirver,并且访问课堂派登录页面，返回driver对象
• 后置：关闭浏览器

import pytest
from selenium import webdriver

@pytest.fixture
def init():
    # 实例化driver，访问登录页面
    driver = webdriver.Chrome()
    driver.get("https://www.ketangpai.com/#/login")
    yield driver
    driver.quit()

pageObjects.login_page.py：登录页面元素定位和操作

from selenium.webdriver.remote.webdriver import WebDriver    # 引入webDriver的父类
from selenium.webdriver.common.by import By
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.support.wait import WebDriverWait

class LoginPage:

    # 对待操作的元素进行定位：类属性
    user_loc = (By.XPATH, '//input[@placeholder="请输入邮箱/手机号/账号"]')
    pwd_loc = (By.XPATH, '//input[@placeholder="请输入密码"]')
    btn_loc = (By.XPATH, '//button[contains(@class,"primary")]')

    def __init__(self,driver:WebDriver):   # driver:WebDriver明确传入参数的属性
        self.driver = driver
        self.wait = WebDriverWait(self.driver,20)
        pass

    # 登录相关操作
    def login(self,user,password):
        self.wait.until(EC.visibility_of_element_located(self.btn_loc))
        self.driver.find_element(*self.user_loc).send_keys(user)
        self.driver.find_element(*self.pwd_loc).send_keys(password)
        ele = self.driver.find_element(*self.btn_loc)
        js_code = "arguments[0].click()"
        self.driver.execute_script(js_code, ele)  # 使用js执行页面的点击操作

pageObjects.home_page.py：主页面元素定位和操作

from selenium.webdriver.remote.webdriver import WebDriver    # 引入webDriver的父类
from selenium.webdriver.common.by import By
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.support.wait import WebDriverWait

class HomePage:

    assign_loc = (By.XPATH,'//span[@title="任务管理"]')

    def __init__(self,driver:WebDriver):
        self.driver = driver
        self.wait = WebDriverWait(self.driver,6)
        pass

    # 判断任务元素是否存在
    def is_assign_exist(self):
        # 判断元素是否可见
        try:
            self.wait.until(EC.visibility_of_element_located(self.assign_loc))
        except:
            return False
        else:
            return True

testCases.test_login.py

import pytest
from pageObjects.login_page import LoginPage
from pageObjects.home_page import HomePage

@pytest.mark.usefixtures  
class TestLogin:

    def test_login(self,init):      # int为前置返回的driver对象，在实例化页面对象时，需要使用driver对象
        LoginPage(init).login("1522317xxxx","jyfxxxxxx")
        # 断言
        assert HomePage(init).is_assign_exist()

小结：

在本节中，我们了解了selenium自动化测试中的PO设计模式，并通过具体的案例实现了测试对象和测试用例的分离。