关键词：
(阅读目录)
1. 目的
相信做过测试的同学都听说过自动化测试，而UI自动化无论何时对测试来说都是比较吸引人的存在。相较于接口自动化来说它可以最大程度的模拟真实用户的日常操作与特定业务场景的模拟，那么存在即合理，自动化UI测试自然也是广大测试同学职业道路上必不可少的必修课题之一了。
2. 意义
说到UI自动化，不同的公司、不同的团队往往看待它的态度也存在着很大的差异。项目或产品是否值得做UI自动化？执行的方向是否正确？落地的成本是否过大？大部分的测试团队都会有同样的疑问，不管初衷如何，（KPI? 晋升？内部推广？效率优化？）最大的难点一般都在于落地后如何保持一个稳定的使用周期与实际维护的成本是否小于团队投入期望值，说人话就是用来UI自动化之后是否大家都能用且可以长久的持续与维护下去。这里博主建议的是，在做UI自动化之前先想清楚动机是什么，如果真的只是自我拓展、KPI或者个人成果展示，那就掌握掌握原理与实操一下即可，没有必要在团队内进行推广；如果真的是解决团队的实际需求：历次回归都需大量的手工，每次右移后需要全功能回归，功能数量大、场景多、功能增量后耦合较低的情况，则可以简单的评估一下引入自动化UI测试预计带来的成果与提升效果。
3. 设计理念
之所以选用PO模式，也正是因为一般的APP项目或产品功能都是增量式迭代开发的，那么必定会面临需要维护的功能页面越来越多的处境。如果是传统的设计模式，页面的元素与业务的操作会全部放在一个脚本内，有点类似于面向过程的编程理念。这样的模式必定会导致编写与维护的周期与成本增加，同样也不利于团队内成员共同维护的模式。 相较于传统模式，PO（Page Object）模式则是将一个页面的所有元素对象定位和对元素对象的操作封装成类，测试用例的编写也依照单个页面来进行，目的就是实现页面对象和测试用例的分离。
这样做的好处有3点： 1 . 低耦合：将每个页面单独进行封装，类似与面向对象，互相之间低耦合，即时需要业务流程连续执行也不会互相影响； 2 . 易维护：当界面发生变化时，只需修改对应的页面类中的元素即可，其他相关的不会受到影响也无需修改； 3 . 易上手：基于PO模式的设计理念，页面类的实现与细节不会暴露在外，都通过公共方法进行提供，使用者无需对代码的实现逻辑进行学习，只需要对业务与编程语言有足够的了解后直接编写与使用。
接下来了解了PO模式的优势之后，就需要对自动化框架进行设。先考虑清楚使用了自动化测试框架是要解决什么问题，这里的问题不能是模糊且没有边界的，之后将要自动化的产品、模块、流程进行分类与整理，这里一般来说推荐产品的核心主流程，一般覆盖happy path即可，但如果需要加入一些反向用例与使用场景也是可以的，但切忌不要一股脑的把团队的手工测试用例都加进去，到了后期你会体验到什么叫维护的时间比测试的时间更长。决定好以上这些了之后，就可以进行技术栈与框架的选择了，那这里我们选用的是appium+python+unittest的组合来进行PO模式测试框架的设计。当然，这里还是推荐大家根据自己的技术栈与公司环境现状来进行有效选择。
4. PO模式
这里先声明一点，所有的框架都不是一蹴而就的，和我们熟知的软件一样，无论是结构还是代码都是的一版一版优化出来的，所以大家现在看到的框架不会是最初与最终的模样，无论是拿来优化、二开还是直接使用都是可以的。如果是自己写，哪怕一开始写的很简单也无所谓，要始终记住你落地自动化的目的是什么，只要能针对产品持续优化与反复总结，相信会有令人满意的结果的。
这里我们先将一个页面类分成两层，一个是对象操作层、另一个是业务层。对象操作层指的是页面中的元素定位与单个元素操作；业务层顾名思义是把对应的元素操作组合起来形成一些列的业务操作。
基于PO模式设计框架之前，我们还需要了解一下PO模式的6大原则，了解了原则之后才能更好的在实现过程中将PO模式的优势融入自己的框架之中。
6大原则
个人解读
5. 框架设计
5.1 目录结构
这里简单说明下目录的结构：
base：存放一些框架与页面的公共方法
po：存放所有的页面，这里就是被测对象相关的被测页面，不需要放全部页面
result：存放相关的自动化测试结果报告
test_case：存放测试用例
根目录下还有一个run文件，这个是运行主入口，可以设置运行哪些测试用例集与使用什么样的测试报告套件。
5.2 实现步骤
这里的PO模式设计其实没有那么的复杂，从目录就可以看出，首先将一些基础的元素定位、通用操作封装到对应的BasePage类中，（这里插一句，其实做APP自动化也好，做web自动化也好，很大程度上开发的代码规范性决定了你的框架实现过程是否顺畅。所以这里大家也可以在平时的工作中与开发事先沟通好一些元素的属性写法规范，别觉得不可能，行不行事在人为。）
然后根据事先整理好的业务操作流程与页面跳转关系（3.设计理念中提到的前置工作输出）进行功能的封装，这里推荐根据6大原则对相关操作进行实现，顺了之后就是熟练工了，大同小异的。如果日后出现了布局变更或者业务变更，统一在对应的po页面中进行修改即可。另外，一些业务逻辑的判断，（比如是否存在该用户，不存在新建，存在直接进入），也可以放在po中，但是需要谨慎，这里比较推荐的还是放在测试用例内，也方便大家根据不同的情况做断言。
最后在页面元素、业务操作齐全的状态下进行测试用例的实现，一般来说可以先使用冒烟测试的测试用例来进行简单的业务验证，当然直接使用系统测试的测试用例也是完全没问题的，之后只需要根据之前整理好的用例选单进行转化即可。至于用例的存放目录结构可以根据po页面维度来存放，也可以根据业务维度来进行存放，见仁见智。
5.3 具体实现
5.3.1 base部分
这边先定义一个BasePage类，用来实现一些公共方法与元素定位的实现（webdriver）
class BasePage:
def __init__(self, driver):
self.driver = driver
self.driver.implicitly_wait(10)
def by_id(self, id):
return self.driver.find_element(By.ID, id)
def by_xpath(self, xpath):
return self.driver.find_element(By.XPATH, xpath)
def by_class_name(self, class_name):
return self.driver.find_element(By.CLASS_NAME, class_name)
def by_uiautomator(self, uiautomator):
return self.driver.find_element(AppiumBy.ANDROID_UIAUTOMATOR, uiautomator)
另外后续的一些触屏的操作、元素判断也可以按需放在这里面
def is_element(self, element):
source = self.driver.page_source
if element in source:
return True
else:
return False
def drag(self, bx=0.50, bw=0.05, by=0.4, bz=0.9):
x = self.driver.get_window_size()[width]
y = self.driver.get_window_size()[height]
sx = x * bx
ex = x * bw
sy = y * by
ey = y * bz
return self.driver.swipe(sx, sy, ex, ey, 1000)
这里我定义了另一个driver_setup的方法，方便每次设备启动使用
def driver_setup():
desired_caps = dict()
desired_caps[platformName] = Android
desired_caps[platformVersion] = 10
desired_caps[deviceName] = 你自己的设备名
desired_caps[appPackage] = 包名
desired_caps[appActivity] = 启动名
desired_caps[noReset] = True # 不重置session信息
desired_caps[fullReset] = False # 效果类似与卸载APP 如果不想每次重新登录，设为False
return desired_caps
5.3.2 po部分
目录大致如上，这里值得注意的是，不要把APP里所有的页面都加入到自动化测试中，100%的自动化测试覆盖率会让你苦不堪言，也大可不必。将每次必须回归的重要流程与高重复业务流程、场景加入即可。
以下就是po中的创建顾客页面的实现方法了，直接继承BasePage类，这里有几个地方需要关注的是，性别选择可以封装成两个方法，尽量不用同一个；另一个如果是点击类事件（单结果事件），直接click就行，不用单独在封装完元素后再进行业务操作封装，备注这样的多结果事件则要在下面单独进行业务指定。
class CustomerCreatePage(BasePage):
"""
定义封装创建客户页面的各类操作
创建客
创建客户并开卡
"""
# 定义会员编号输入框
def customer_number(self):
return self.by_id(com.jiyong.rta.debug:id/edt_customer_number)
# 定义姓名输入框
def customer_name(self):
return self.by_id(com.jiyong.rta.debug:id/edt_customer_name)
# 定义手机输入框
def customer_mobile(self):
return self.by_id(com.jiyong.rta.debug:id/edt_customer_mobile)
# 定义性别选择
def customer_sex(self):
return self.by_id(com.jiyong.rta.debug:id/tv_customer_sex)
# 定义性别内选择项目-男
def customer_sex_item_male(self):
return self.by_id(com.jiyong.rta.debug:id/tv_customer_boy).click()
# 定义性别内选择项目-女
def customer_sex_item_female(self):
return self.by_id(com.jiyong.rta.debug:id/tv_customer_girl).click()
# 定义生日选择框
def customer_birthday(self):
return self.by_id(com.jiyong.rta.debug:id/tv_customer_birthday)
# 定义备注输入框
def customer_memo(self):
return self.by_id(com.jiyong.rta.debug:id/ed_remark)
# 定义保存并开卡按钮
def save_and_register_card_button(self):
return self.by_id(com.jiyong.rta.debug:id/mb_save_open_card).click()
接下来就是组合多个元素进行业务操作的定义
# 定义新建顾客操作
def do_create_customer(self):
self.customer_number().send_keys(00001)
self.customer_name().send_keys(自动化测试01)
self.customer_mobile().send_keys(13200000000)
self.customer_sex()
self.customer_sex_item_male()
self.save_button()
5.3.3 test_case部分
测试用例类继承unittest下的TestCase，初始化的时候将对应的用例业务流程加入到里面，另外在具体的测试用例中需要加对应的判断逻辑与操作步骤完整的添加在里面。使用try捕获异常的时候记得把对应的报错名也写上，一是方便定位问题，二是有可能会导致即使用例失败，测试报告上的结果也是pass。
class TestCustomerListPage(unittest.TestCase):
"""
定义客户列表界面的测试用例
创建客户
"""
# 初始化必要的设备信息与业务页面
def setUp(self):
self.driver = webdriver.Remote(http://localhost:4723/wd/hub, driver_setup())
self.base_page = BasePage(driver=self.driver)
self.home_page = HomePage(driver=self.driver)
self.customer_list = CustomerListPage(driver=self.driver)
self.customer_detail = CustomerDetailPage(driver=self.driver)
self.customer_create = CustomerCreatePage(driver=self.driver)
# 测试用例1 -- 创建顾客
def test_1_create_customer(self):
self.home_page.go_customer()
customer_name = 自动化测试01
# 业务逻辑判断 -- 是否存在该新客
if self.base_page.is_element(customer_name):
self.customer_list.select_customer()
self.customer_detail.do_delete_customer()
self.home_page.go_index()
self.home_page.go_customer()
if self.base_page.is_element(customer_name):
self.customer_check.check_pass()
else:
self.customer_list.goto_create_customer()
self.customer_create.do_create_customer()
self.customer_detail.back_button()
else:
self.customer_list.goto_create_customer()
self.customer_create.do_create_customer()
self.customer_detail.back_button()
try:
self.assertTrue(self.driver.find_element(AppiumBy.ANDROID_UIAUTOMATOR,
new UiSelector().text("自动化测试01")))
except NoSuchElementException as e:
return e
sleep(5)
def tearDown(self):
self.driver.quit()
if __name__ == "__main__":
unittest.main()
5.3.4 run部分
具体的测试用例报告模板，大家可以自由选择，这边使用的是HTMLTestReportCN，启动的方式都是大同小异的，无非就是根据自己的测试场景进行定制就行。另外测试模板的组合和样式有兴趣的同学可以自己对报告脚本进行修改，打造更适合自己团队需求的测试报告。
# 两套测试报告模板路径，只用一个的可以就定义一个
report_path = os.path.join(os.getcwd() + \\\\result)
result_path = os.path.join(report_path, report.html)
# 测试套件路径，根据需求修改
test_dir = os.path.join(os.getcwd() + \\\\test_case\\\\trade)
# 执行指定测试用例
def test_suit():
suit = unittest.TestSuite()
suit.addTest(TestOrderResultPage(test_1_order_result))
suit.addTest(TestOrderResultPage(test_2_order_result_home_page))
return suit
# 执行测试用例集
dis = unittest.defaultTestLoader.discover(test_dir, pattern="test*.py")
if __name__ == "__main__":
with open(result_path, wb) as fp:
runner = HTMLTestReportCN.HTMLTestRunner(stream=fp, title=自动化APP测试报告,
description=基于自动化APP测试框架产生的测试报告)
runner.run(test_suit())
6. 注意点
1.PO模式虽然可以解决UI自动化测试中设计的部分问题，也仍然是目前比较主流的设计方案，后期面对大量的业务页面增加的情况，虽然可以使用通用页面来解决部分问题，但仍然避免不了界面与业务改动后大量调试代码的情况出现。所以这也是很多公司无法将大量成本聚焦在UI自动化测试的原因，将UI自动化应用于部分主要业务的做法还是值得提倡的，它也只是提高测试团队工作效率与投入产出比的一项手段而已，千万不可本末倒置； 2.测试用例的合理设计与执行安排，如果你的测试用例的相关命名、流程设计、存放路径过于凌乱与潦草的话，相信我，后期当框架具有一定的规模后，你会发现往往在维护测试用例时花费的精力要远远大于你的执行时间。与手工测试用例一样，无效用例始终都会出现在你的框架之中，这是无可避免的，但如何快速定位与规整这些用例就成了后期需要面对的日常问题之一，所以用例实现之初的命名规则、存放路径、实现时的备注就成了日后减少维护工作量的良好开端； 3.相较于接口自动化，UI自动化的性价比还是有一定的局限性，针对这样的情况，测试团队中如果要投入UI自动化的话可能就需要将团队中的成员定位做好一定的有效安排。框架设计与实现的问题不大，有专业的业务理解与一定的代码功底一般都可以很好的完成对应的测试框架，这里只针对维护层面的工作来说，是专职人员定岗安排还是团队成员穿插进行都需要根据各自的团队实际情况来分配，各有利弊，毕竟维护是一件费时费力的持久性工作。
ui自动化测试框架：po模式+数据驱动(代码片段)
1.PO设计模式简介什么是PO模式？PO（PageObject）设计模式将某个页面的所有元素对象定位和对元素对象的操作封装成一个Page类，并以页面为单位来写测试用例，实现页面对象和测试用例的分离。PO模式的设计思... 查看详情
熬夜整理的自动化测试框架结构图，值的一看
自动化测试框架结构图目录自动化测试框架结构图1、接口自动化测试框架设计图2、接口自动化执行设计图3、API自动化平台框架设计图4、UI自动化测试框架设计图5、接口+UI自动化测试框架设计图6、Appium移动端自动化测试框架... 查看详情
selenium自动化测试框架之po设计模式
面向对象的特性：封装、继承、多态。在自动化中一样适用，Selenium自动化测试中有一个名字常常被提及PageObject（思想与面向对象的特性相同），通过PO模式可以大大提高测试用例的维护效率。传统测试脚本的弊端测试脚本分离... 查看详情
技术分享|web自动化测试-pageobject设计模式
...例也要跟着变化，PageObject很好的解决了这个问题。使用UI自动化测试工具时（包括selenium，appium等），如果无统一模式进行规范，随着用例 查看详情
selenium自动化测试框架之po设计模式(代码片段)
面向对象的特性：封装、继承、多态。在自动化中一样适用，Selenium自动化测试中有一个名字常常被提及PageObject（思想与面向对象的特性相同），通过PO模式可以大大提高测试用例的维护效率。##传统测试脚本的弊端测试脚本分... 查看详情
pageobject设计模式
...构件（类）实例间交互的方法。 1.2 为什么要搭建自动化测试框架 自动化测试的开发，通常是由自动化测试的需求决定的。这个需求主要包括：自动化测试更便于实施解决自动化测试脚本本身存在的问题，如异常... 查看详情
自动化测试的建设与应用
参考技术A一、从UI自动化到接口自动化1、UI自动化框架：appium+airtest模式：PO模式——用来管理维护一组页面元素的对象库应用场景：（1）app发版前的核心场景回归测试（2）多渠道包的回归验证（3）app大数据埋点自动化测试2、... 查看详情
selenium+pageobjects(第一话)
简单介绍一种selenium用来做web自动化测试的设计模式：PageObjects一.PageObjects介绍 用官话说它是selenium中的一种页面对象设计模式(不是测试框架！是一种开展ui自动化测试的思想)，把ui自动化测试中的每个页面抽象出来，将... 查看详情
ui自动化测试最佳设计模式pom，不会还不知道吧(代码片段)
什么是POM？POM是PageObjectModule（页面对象模式）的缩写，其目的是为了WebUI测试创建对象库。在这种模式下，应用涉及的每一个页面应该定义为一个单独的类，类中应该包含此页面上的页面元素对象和处理这... 查看详情
测试人如何高效地设计自动化测试框架？
...，提高测试覆盖率等这里就不讨论了。这里主要讨论自动化框架包含哪些内容，以及如何去设计一个测试框架。什么是自动化测试框架？它是由一个或多个自动化测试基础模块、自动化测试管理模块、自动化测试统计... 查看详情
ui自动化测试中的po模式
参考技术APO模式是自动化测试框架中很重要的一种设计模式。通过观察对PO模式的理解，测评候选人在自动化测试实施的过程中是否具有从普通的编写测试脚本上升到对脚本进行系统封装的经验。元素定位信息如何从每个脚本中... 查看详情
ui自动化项目分层设计思想（po模式）
...的常规业务操作是这个类中的一个个成员方法。PO模式是自动化测试框架中很重要的一种设计模式。PO模式的好处就是元素定位信息以页面为单位提取，方便管理，提高后期的维护效率。缺点是进行脚本开发时，需求实例化各个... 查看详情
unittest与数据驱动及测试框架设计模式(代码片段)
...过直接导入UnitTest包即可实现:importunittest是python库自带的自动化测试框架主要用于管理测试用例和实现数据驱动 在nuittest中所有的测试用例都是基于test_基于前缀来实现的如果不写的话那么它只是一个普通的函数unitest会自动... 查看详情
关于接口测试——自动化框架的设计与实现
一、自动化测试框架在大部分测试人员眼中只要沾上“框架”，就感觉非常神秘，非常遥远。大家之所以觉得复杂，是因为落地运用起来很复杂；每个公司，每个业务及产品线的业务流程都不一样，所以就导致了“自动... 查看详情
〖pythonweb自动化测试实战篇⑫〗-实战-pageobject框架设计（亦叫做“页面对象”模式）
订阅Python全栈白宝书-零基础入门篇可报销！白嫖入口-请点击我。推荐他人订阅，可获取扣除平台费用后的35%收益，文末名片加V！说明：该文属于Python全栈白宝书专栏，免费阶段订阅数量4300+，购买任意白宝书体系化专栏可加入T... 查看详情
测试开发要懂的设计模式知识
文章推荐测试开发之路--UI自动化常用的设计模式链接：https://testerhome.com/topics/15768（二）：https://testerhome.com/topics/16042 [腾讯TMQ][浅谈Chromium中的设计模式(一)]——Chromium中模块分层和进程模型[腾讯TMQ][浅谈Chromium中的设计模式(... 查看详情
selenium的pageobject设计模式
PageObject设计模式1.Web自动化测试框架（WebTestFramework）是基于Selenium框架且采用PageObject设计模式进行二次开发形成的框架。 2.web测试时,建议强烈推荐使用_谷歌或_火狐浏览器。3.PageObject设计模式：是将某个页面的所有"元素（... 查看详情
pageobject设计模式在selenium自动化测试里面的应用(代码片段)
PageObject设计模式1.Web自动化测试框架（WebTestFramework）是基于Selenium框架且采用PageObject设计模式进行二次开发形成的框架。 2.web测试时,建议强烈推荐使用_谷歌或_火狐浏览器。3.PageObject设计模式：是将某个页面的所有"元素（... 查看详情