UI自动化 单元测试框架（3）-页面对象设计模式

本文主要是介绍UI自动化 单元测试框架（3）-页面对象设计模式，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

一、页面对象设计模式 po模式

（page object）

在代码维护的成本而言还是需要考虑进一步的优化，那么我们可以使用页面对象设计模式，它的优势具体可以总结为如下：

• 创建可以跨多个测试用例共享的代码

• 减少重复代码的数量

• 如果用户界面发生了维护，我们只需要维护一个地方，这样修改以及维护的成本相对而言是比较低的

1.新建一个项目 uiFrame：

2. 为项目加载解释器：

二、目录结构设计

           下面我们具体针对这部分的目录进行设计，具体的目录结构为：

目录详解：必会！面试必问！！

base:基础层，主要编写底层定位元素的类
page:对象层，编写具体的业务逻辑，把页面每一个操作行为单独的写一个方法或者是函数
test：测试层，里面主要是测试模块
utils：工具类（读取json文件、yaml文件）
common:公共类，里面编写公共使用到的文件（处理路径、处理json文件、yaml文件）
data：存储测试使用到的测试数据
config：配置文件存储目录
report：测试报告目录

聚焦于对象层和测试层

三、页面对象设计模式

3.1、基础层

介绍：主要编写底层定位元素的类

建模块：在base包下建base.py模块

说明：基础层中假设driver已经是webdriver的实例化对象了，可以调用find_element了，实际上是在测试层才进行的webdriver实例化，形成了闭环。

 1 from selenium import webdriver
 2 from selenium.webdriver.common.by import By
 3 from  selenium.webdriver.support.expected_conditions import NoSuchFrameException
 4 import time as t
 5 
 6 class WebUI(object):
 7     def __init__(self,driver):
 8         #理解为webdriver实例化后的对象
 9         self.driver=driver
10 
11     def findElement(self,*args):
12         '''
13         单个元素定位的方式
14         :param args:
15         :return: 它是一个元组，需要带上具体是什么方式定位元素属性以及元素属性的值
16         '''
17         try:
18             return self.driver.find_element(*args)
19         except NoSuchFrameException as e:
20             return e.args[0]
21 
22     def findsElement(self,*args,index):
23         '''
24         多个元素定位的方式
25         :param args:
26         :param index:被定位的目标索引值
27         :return:  它是一个元组，需要带上具体是什么方式定位元素属性以及元素属性的值
28         '''
29         try:
30             return self.driver.find_elements(*args)[index]
31         except NoSuchFrameException as e:
32             return e.args[0]

3.2、对象层

（把基础层里的元素定位实例化，给页面每一个测试操作行为单独的写一个方法或者是函数，如下面的：输入用户名、密码行为，点击登录按钮操作。其中的形式参数会在测试层赋值）

下面以sina的邮箱为案例来编写具体的代码，在page包下创建login.py的文件

 1 import time
 2 from selenium.webdriver.common.by import By
 3 from  base.base import WebUI
 4 import time as t
 5 
 6 class Login(WebUI):
 7     username=(By.ID,"freename")
 8     password=(By.ID,"freepassword")
 9     login=(By.CLASS_NAME,"loginBtn")
10     #邮箱栏旁边的提示框↓
11     divText=(By.XPATH,"/html/body/div[3]/div/div[2]/div/div/div[4]/div[1]/div[1]/div[1]/span[1]")
12     #密码栏旁边的提示框↓
13     divText_passwd=(By.XPATH, "/html/body/div[3]/div/div[2]/div/div/div[4]/div[1]/div[1]/div[1]/span[2]")
14 
15     def inputUserName(self,username):
16         t.sleep(2)
17         self.findElement(*self.username).send_keys(username)
18 
19     def inputPasswd(self, password):
20         t.sleep(2)
21         self.findElement(*self.password).send_keys(password)
22 
23     def clickLogin(self):               #点击登录按钮
24         t.sleep(2)
25         self.findElement(*self.login).click()
26 
27     def getDivText(self):         #获取邮箱栏旁边的提示框信息↓
28         return self.findElement(*self.divText).text
29 
30     def getDivText_passwd(self):        #获取密码栏旁边的提示框信息↓
31         return self.findElement(*self.divText_passwd).text
32 
33     def singLogin(self,username,password):         #封装用户名方法、密码方法、点击登录方法
34         self.inputUserName(username=username)
35         self.inputPasswd(password=password)
36         self.clickLogin()
37         time.sleep(3)

3.3、测试层

  下来在测试层，也就是test包下创建test_sina_login.py的模块(注意：测试模块都以test_开头），继承unittest.TestCase和对象层，对webdriver进行实例化，给对象层的操作行为的参数进行赋值并且断言。

原代码具体为：

 1 from selenium import webdriver
 2 import unittest
 3 from page.login import Login
 4 import time as t
 5 from selenium.webdriver.common.keys import Keys
 6 
 7 class LoginTest(unittest.TestCase,Login):
 8     def setUp(self) -> None:
 9         self.driver = webdriver.Chrome()
10         self.driver.maximize_window()
11         self.driver.get("https://mail.sina.com.cn/")
12         self.driver.implicitly_wait(30)
13 
14     def tearDown(self) -> None:
15         self.driver.quit()
16 
17     def test_login_null(self):          #邮箱名空，密码空，在邮箱栏旁边提示请输入邮箱名
18         self.singLogin(username="",password="")    #这行相当于下面三行（这行是调用singLogin方法（对象层中），这是个封装函数）
19         # self.inputUserName(username="")
20         # self.inputPasswd(password="")
21         # self.clickLogin()
22         self.assertEqual(self.getDivText(),"请输入邮箱名")
23         t.sleep(5)
24 
25     def test_login_format(self):         #邮箱名格式错误，密码错误，在邮箱栏旁边提示您输入的邮箱名格式不正确
26         self.singLogin(username="asfhwoiej",password="hkjhuhu")
27         self.assertEqual(self.getDivText(), "您输入的邮箱名格式不正确")
28         t.sleep(5)
29 
30     def test_login_error(self):       #邮箱名错误，密码错误，在邮箱栏旁边提示登录或密码错误
31         self.singLogin(username="asfhwoiej@sina.com",password="hkjhuhu")
32         self.assertEqual(self.getDivText(), "登录名或密码错误")
33         t.sleep(5)
34 
35     def test_login_chinese(self):       #邮箱名为中文，密码为空，在邮箱栏旁边提示邮箱名不支持中文
36         self.singLogin(username="你好",password="")
37         self.assertEqual(self.getDivText(), "邮箱名不支持中文")
38         t.sleep(5)
39 
40     def test_login_right_username(self):    #邮箱名正确，密码为空，在密码栏旁边提示请输入密码
41         self.singLogin(username="wuya@sina.com",password="")
42         self.assertEqual(self.getDivText_passwd(), "请输入密码")
43         t.sleep(5)

这篇关于UI自动化 单元测试框架（3）-页面对象设计模式的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！