【1】提出问题

当有上百个用例，几十个页面的时候，我们会在测试用例中重复的使用到页面当中的元素和操作。当其中的页面发生变化时，我们需要在多个用例中去修改。这种情况下，代码多且乱，维护成本也不低。

【2】PO设计模式

在做web 测试时，无论是什么业务，都是在页面上去操作，即所有的测试用例都是在页面中操作的。比如一个用例是由5个页面的功能串行组成的。
假设一个产品有30个页面，有500个功能测试用例。那么这500个功能测试用例就是有30个页面的功能组成。

如此，如果能够把30个页面的功能封装起来，500个用例按照业务场景从30个页面当中调用需要的页面即可。

这种方式叫做PO模式，全称 Page object ,页面对象模型。
将页面的元素定位和元素行为封装成一个 Page 类。
实现页面对象和测试用例分离。

在测试用例中，调用所需页面对象中的行为，组成测试用例。

【3】PO设计模式优势

1、当某个页面的元素发生变化，只需要修改该页面对象中的代码即可，测试用例不需要修改。
2、提高代码重用率。结构清晰，维护代码更容易。
3、测试用例发生变化时，不需要或者只需要修改少数页面对象代码。

面向对象的特性：封装、继承、多态。在自动化中一样适用，自动化测试中有一个名字常常被提及PageObject，通过PO模式可以大大提高测试用例的维护效率。

1.对比

传统测试脚本的弊端：

测试脚本分离，维护成本高
可扩展性差
复用性低等

2.图解

PageObject设计模式

图片

3.PO核心

PO的核心要素：

在PO模式中抽象封装成一个BasePage类，该基类应该拥有一个只实现webdriver实例的属性。
每个一个Page都继承BasePage，通过driver来管理本Page中元素，将Page中的操作封装成一个个的方法。
TestCase继承unittest.Testcase类，并且依赖Page类，从而实现相应的测试步骤。

4.案例

场景选的是baidu搜索页面：

from selenium import webdriver
from time import sleep

driver = webdriver.Firefox()
driver.get("http://www.baidu.com")

driver.find_element_by_xpath("//input[@id='kw']").send_keys("Bela")
driver.find_element_by_xpath("//input[@id='su']").click()
sleep(5)
driver.quit()

5.分析

不同的运行脚本环境，浏览器不同：驱动webdriver.Firefox()可以剥离，

请求地址的变化（生产与测试环境的不同）：url==http://www.baidu.com可以剥离操作元素时，常常需要等待元素加载完毕后方可进行操作：是否可以把webdriver提供的findelement* 方法封装下，才操作元素前，先判断元素的是否可操作。

6.对比分析

实际测试场景中，有多个测试场景，如果每个测试场景都需要维护URL、WebDriver、元素定位等，效率会非常低。

因此基于对上面的分析，是否可以设计一个所有测试页面的基类，来维护一些公共的方法。此处先定义个名字：Base.py，用于存放页面公共方法及WebDriver原有方法二次封装等。
Base.py内容如下：

from selenium.webdriver.support.wait import WebDriverWait
from selenium import  webdriver
from selenium.webdriver.support import expected_conditions as EC

class BasePage(object):
    """
    BasePage封装所有页面都公用的方法，例如driver, Find_Element等
    """
    # 实例化BasePage类时，最先执行的就是__init__方法，该方法的入参，其实就是BasePage类的入参。
    # __init__方法不能有返回值，只能返回None

    def __init__(self,selenium_driver,base_url):
        self.driver = selenium_driver
        self.base_url = base_url
        # self.pagetitle = pagetitle

    def on_page(self,pagetitle):
        return pagetitle in self.driver.title

    def _open(self,url):
        self.driver.get(url)
        self.driver.maximize_window()

    def open(self):
        self._open(self.base_url,self.pagetitle)

    def find_element(self,*loc):  #*loc任意数量的位置参数（带单个星号参数）
        # return self.driver.find_element(*loc)
        try:
            WebDriverWait(self.driver,10).until(EC.visibility_of_element_located(loc))
            return self.driver.find_element(*loc)
        except:

            print("%s 页面未能找到 %s 元素"%(self,loc))

    def script(self,src):
        self.driver.excute_script(src)

    def send_keys(self, loc, vaule, clear_first=True, click_first=True):
        try:
            loc = getattr(self, "_%s" % loc)  # getattr相当于实现self.loc
            if click_first:
                self.find_element(*loc).click()
            if clear_first:
                self.find_element(*loc).clear()
                self.find_element(*loc).send_keys(vaule)
        except AttributeError:
            print("%s 页面中未能找到 %s 元素" % (self, loc))

7.脚本优化

Base.py提取完毕，其中设计了BasePage类，对一些webdriver的方法进行了二次封装。

baidu.py基于Base.py进行优化,充分体现PO的设计思想，封装、继承.

# 基本测试场景
# from selenium import  webdriver
# from time import sleep
#
# driver = webdriver.Firefox()
# driver.get("http://www.baidu.com")
#
# driver.find_element_by_xpath("//input[@id='kw']").send_keys("Bela") #输入框
# driver.find_element_by_xpath("//input[@id='su']").click() #百度一下按钮
#
# sleep(3)
# driver.quit()

# 优化后的测试场景
from selenium.webdriver.common.by import By
from PODemo.BasePage import BasePage  #假设baidu.py、BasePage.py均在PODemo.BasePage目录下
from selenium import webdriver

class SearchPage(BasePage):

    # 定位元素
    search_loc = (By.ID,"kw")
    btn_loc = (By.ID,"su")

    def open(self):
        self._open(self.base_url)

    def search_content(self,content):
        BaiduContent = self.find_element(*self.search_loc)
        BaiduContent.send_keys(content)

    def btn_click(self):
        BaiduBtn = self.find_element(*self.btn_loc)
        BaiduBtn.click()

8.PO总结

PageObject总结

图片

PO设计模式中的BasePage基类对应案例中的Base.py文件。
PO模式中的Page1或PageN对应案例中的Search.py
PO设计模式中TestCase对应案例中的TestCase.py

PO设计模式之自动化测试框架设计思想

文章目录