https://my.oschina.net/u/3041656/blog/857676
源码下载：https://pan.baidu.com/s/1jIqpu8A
之前分享了python和requests搭配实现的接口自动化测试框架，今天，我再来整理分析下基于python和selenium的web UI自动化测试，希望能对大家有所帮助，也是自己整理知识学习的方法，跟大家一起努力，奋斗在自动化测试的道路上。
其实UI自动化和接口自动化框架的设计思路大同小异，主要目的还是分离业务代码和测试数据，达到代码的复用，提高测试用例的可维护性以及最最重要的减少人工劳动力。那么就开始直接看正文吧。
设计目的：
分离业务代码和测试数据，提高代码可维护性，实现自动化，减少重复劳动，最终达到“偷懒”的目的，哈哈哈哈哈~~ 哎呦，不好意思，一不小心暴露了真相。小编是真的在一本正经的写代码啦。
框架目录结构：
case：存放具体的测试代码
comm：存放共通的方法
file：存放测试用例等测试过程中用到的测试数据
result：每次测试的log和测试报告的存放位置
caseList：规定执行哪些测试
config：配置静态数据
readConfig：读取config文件内容
runAll：测试执行入口文件
一起来看整个框架的搭建。
首先，要保证你的python已经安装了selenium包，如果你是用pip来管理自己的python环境的，那么你可以通过下面的命令来导入selenium模块：
pip install selenium
然后，你需要到网上去下载对应浏览器的驱动，这里小编使用的是chrome浏览器，（chrome下载地址：http://chromedriver.storage.googleapis.com/index.html）。下载完成之后呢，将下载的浏览器驱动放到本地的python安装目录下，这样就可以直接在框架中使用了。至此，必备的条件都有了，我们就可以开工啦。
这里呢，我们就只挑部分内容进行讲解，有许多跟接口测试框架相同或相似的方法和文件，就不一一进行二次说明了，第一次看的盆友们，有不明白的地方可以看这篇文章，进行补充学习https://my.oschina.net/u/3041656/blog/820023
打开浏览器：
-
from selenium import webdriver
-
-
class Driver:
-
-
def __init__(self):
-
-
self.browser = webdriver.Chrome()
-
-
def open_browser(self):
-
"""
-
Do something for browser
-
:return: browser
-
"""
-
# 窗口最大化
-
self.browser.maximize_window()
-
-
# 打开地址链接
-
url = 'http://www.baidu.com'
-
self.browser.get(url)
-
return self.browser
-
-
def close_browser(self):
-
"""
-
quit browser
-
:return:
-
"""
-
self.browser.quit()
从上面的代码可以看出，我们进行了打开/关闭浏览器的方法定义，只有简单的几行代码，当然了，这里为了方便大家观看，我把url地址直接写了出来，在实际操作时，我们可以将其抽离出来，根据自己的需要，传入不同的url地址。这就留着让大家去自己实现吧。
一个简单的搜索栗子：
-
from time import sleep
-
from selenium import webdriver
-
import unittest
-
-
-
class Login(unittest.TestCase):
-
-
def setUp(self):
-
self.driver = webdriver.Chrome()
-
-
# 窗口最大化
-
self.driver.maximize_window()
-
self.msg = '海贼王'
-
self.url = 'http://www.baidu.com'
-
-
def testSearch(self):
-
"""
-
test body
-
:return:
-
"""
-
# open browser
-
self.driver.get(self.url)
-
sleep(3)
-
# click search input
-
self.driver.find_element_by_id('kw').click()
-
sleep(1)
-
-
# input value
-
self.driver.find_element_by_id('kw').send_keys(self.msg)
-
sleep(1)
-
self.driver.find_element_by_id('su').click()
-
sleep(1)
-
-
def tearDown(self):
-
self.driver.close()
-
-
if __name__ == "__main__":
-
unittest.main()
-
-
在上面的代码里，我们在百度里搜索了小编最爱的动漫，嘻嘻，是不是很开心啊，就这样边学边玩耍，感觉测试也是美美的。
selenium可以通过很多种方式来定位元素。这个读者可以自行学习。
大家看到了，这就是UI测试的雏形，有了这个雏形，我们就可以对它进行扩展，扩展，最后搭出框架来。
添加log日志：
在上面的基础上，我们可以添加执行时输出的log日志。所以开始写log文件，并将它放在comm文件夹下，作为共同方法来用。这部分内容在接口测试框架那里已经介绍过了，所以请还不清楚的朋友们移步此处：https://my.oschina.net/u/3041656/blog/820023
抽离出浏览器的相关操作：
我们可以将对浏览器的操作剥离出来，单独放到一个文件中，这样既清晰，又避免了重复的代码操作。而且维护起来也比较方便。
-
from selenium import webdriver
-
from comm.Log import MyLog as Log
-
import readConfig
-
import threading
-
-
localReadConfig = readConfig.ReadConfig()
-
-
-
class Driver:
-
-
def __init__(self):
-
self.log = Log.get_log()
-
self.logger = self.log.get_logger()
-
-
self.browser = webdriver.Chrome()
-
-
def open_browser(self, name1, name2):
-
"""
-
Do something for browser
-
:return: browser
-
"""
-
self.logger.info("Open browser")
-
-
# 窗口最大化
-
self.browser.maximize_window()
-
-
# 打开地址链接
-
url = localReadConfig.get_webServer(name1, name2)
-
self.browser.get(url)
-
return self.browser
-
-
def close_browser(self):
-
"""
-
quit browser
-
:return:
-
"""
-
self.browser.quit()
-
self.logger.info("Quit browser")
-
-
def get_driver(self):
-
"""
-
get web driver
-
:return:
-
"""
-
return self.browser
-
-
-
class MyDriver:
-
-
driver = None
-
mutex = threading.Lock()
-
-
def __init__(self):
-
pass
-
-
@staticmethod
-
def get_browser():
-
-
if MyDriver.driver is None:
-
MyDriver.mutex.acquire()
-
MyDriver.driver = Driver()
-
MyDriver.mutex.release()
-
-
return MyDriver.driver
-
-
if __name__ == "__main__":
-
driver = MyDriver.browser()
-
browser = driver.open_browser()
-
以上便是小编剥离出来的部分，并且将它放到了单独的线程中。
有木有觉得眼熟呢？其实就跟log的原理是一样的啦。这就是“举一反三”哦，套路就是那个套路，就看你怎么用了。
关于Element的那些事儿：
做过UI功能测试的朋友们应该都知道，元素是我们测试最基本也是最重要的东西，以为它是我们直接的操作对象，所以，处理好它们，我们就会省掉很多的麻烦，所以呢，接下来，小编将会继续分享自己处理element的一些方法，希望能对大家有所帮助，如果哪位大神有更好的方法，请一定要告诉小编哦！小编在此先谢过了！
-
class Element:
-
-
def __init__(self, activity_name, element_name):
-
-
self.driver1 = Driver.get_browser()
-
self.driver = self.driver1.get_driver()
-
self.activity = activity_name
-
self.element = element_name
-
element_dict = get_el_dict(self.activity, self.element)
-
self.pathType = element_dict.get('pathType')
-
self.pathValue = element_dict.get('pathValue')
-
-
def is_exist(self):
-
"""
-
Determine element is exist
-
:return: TRUE OR FALSE
-
"""
-
try:
-
if self.pathType == 'ID':
-
self.driver.find_element_by_id(self.pathValue)
-
return True
-
if self.pathType == 'XPATH':
-
self.driver.find_elements_by_xpath(self.pathValue)
-
return True
-
if self.pathType == 'CLASSNAME':
-
self.driver.find_element_by_class_name(self.pathValue)
-
return True
-
if self.pathType == 'NAME':
-
self.driver.find_element_by_name(self.pathValue)
-
return True
-
except NoSuchElementException:
-
return False
-
-
def wait_element(self, wait_time):
-
"""
-
wait element appear in time
-
:param wait_time: wait time
-
:return: true or false
-
"""
-
time.sleep(wait_time)
-
if self.is_exist():
-
return True
-
else:
-
return False
-
-
def get_element(self):
-
"""
-
get element
-
:return: element
-
"""
-
try:
-
if self.pathType == 'ID':
-
element = self.driver.find_element_by_id(self.pathValue)
-
return element
-
if self.pathType == 'XPATH':
-
element = self.driver.find_elements_by_xpath(self.pathValue)
-
return element
-
if self.pathType == 'CLASSNAME':
-
element = self.driver.find_element_by_class_name(self.pathValue)
-
return element
-
if self.pathType == 'NAME':
-
element = self.driver.find_element_by_name(self.pathValue)
-
return element
-
except NoSuchElementException:
-
return None
-
-
def get_element_by_index(self, index):
-
"""
-
get element by index
-
:param index: index
-
:return: element
-
"""
-
try:
-
if self.pathType == 'ID':
-
element = self.driver.find_element_by_id(self.pathValue)
-
return element[index]
-
if self.pathType == 'XPATH':
-
element = self.driver.find_elements_by_xpath(self.pathValue)
-
return element[index]
-
if self.pathType == 'CLASSNAME':
-
element = self.driver.find_element_by_class_name(self.pathValue)
-
return element[index]
-
if self.pathType == 'NAME':
-
element = self.driver.find_element_by_name(self.pathValue)
-
return element[index]
-
except NoSuchElementException:
-
return None
-
-
def get_element_list(self):
-
"""
-
get element list
-
:return: element list
-
"""
-
try:
-
if self.pathType == 'ID':
-
element_list = self.driver.find_element_by_id(self.pathValue)
-
return element_list
-
if self.pathType == 'XPATH':
-
element_list = self.driver.find_elements_by_xpath(self.pathValue)
-
return element_list
-
if self.pathType == 'CLASSNAME':
-
element_list = self.driver.find_element_by_class_name(self.pathValue)
-
return element_list
-
if self.pathType == 'NAME':
-
element_list = self.driver.find_element_by_name(self.pathValue)
-
return element_list
-
except NoSuchElementException:
-
return None
-
-
def click(self):
-
"""
-
click element
-
:return:
-
"""
-
element = self.get_element()
-
time.sleep(1)
-
element.click()
-
-
def send_key(self, key):
-
"""
-
input key
-
:param key: input value
-
:return:
-
"""
-
element = self.get_element()
-
time.sleep(1)
-
element.clear()
-
element.send_keys(key)
-
-
def input_keys(self, index, key):
-
"""
-
By index send key
-
:param index: index
-
:param key: key
-
:return:
-
"""
-
element = self.get_element_by_index(index)
-
time.sleep(1)
-
element.clear()
-
element.send_keys(key)
-
-
def get_text_value(self):
-
"""
-
get attribute
-
:return:
-
"""
-
element = self.get_element()
-
value = element.get_attribute('text')
-
return str(value)
这是小编写的，目前能用到的关于element的方法了，累觉不爱啊~
但是，生活还要继续，工作还未完成。所以，请让我讲完剩下的代码吧！！！
那些让人费神的测试数据文件：
每一个好的测试，都离不开一份好的测试用例数据，那么，这么多的数据，我们要怎样进行管理才能既不乱又方便以后对数据进行更改维护呢？下面，小编就要告诉朋友们一个重磅消息，敲黑板！！！
其实，小编也不知道有什么好办法，小编就是使用excel文件来对测试用例进行统一管理的。请看下面：
形式就是这么个形式，内容就随便你们怎么修改了。毕竟我也只能帮你们到这里了。至于对excel文件内容的读取，在接口测试那篇博文中也有详细介绍哦。不明白的同学请移步：https://my.oschina.net/u/3041656/blog/820023
其实，出来测试用例，还有一个数量庞大的数据群体，快猜猜它们是谁？？？
当当当，答案就是：元素定位的数据，包括：id，name，classname，xpath等等，这些数据可是我们在测试过程中找到页面元素的不二法门哦。。。所以各位朋友一定要注意啦，一定要处理好它们。
请看下面：
愚蠢的小编就用xml文件来管理啦。
是不是又有人想问怎么读取xml文件了？嘿嘿。。。我不会告诉你的，因为我在前面的博文里已经讲过啦！讲过啦！过啦！啦！！
至此呢，今天的内容也结束了，希望对大家有所启发和帮助，虽然讲的有些凌乱，不过只要弄懂了这些划分和实现方法，我相信，你也一定可以写出自己满意的UI自动化测试框架。所以，我们一起加油吧。
PS：有些没有提到的部分，由于跟之前介绍接口自动化框架的内容一样，所以就不再累述，有想了解的朋友，移步此处即可。谢谢！https://my.oschina.net/u/3041656/blog/820023
本文为原创文章，转载请注明原文地址，谢谢大家的支持。希望大家一起努力成长。
如果觉得本文的文章写得很好，打个赏，多少都行~~~
如果觉得本文的文章写得很好，打个赏，多少都行~~~
1738
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
