Python吱搭建WebUI自动化测试框架_pycharm实现的webui自动化实例

简介

框架：python+ selenium+ pytest+ allure+ POM

基础原理

采用自动化模拟人的点点操作，实现前端发起请求，后端响应，前端执行操作的一个基本过程。应用在冒烟与回归全部使用自动化测试来实现，减少人工提高效率。

环境搭建

WebUI自动化工具：selenium、
1、webdriver下载
查看自己的浏览器的版本：以谷歌浏览器为例，打开浏览器->帮助->关于

进入下载地址，下载对应版本的webdriver。然后解压到本地硬盘指定目录下即可。
Firefox浏览器驱动：geckodriver
Chrome浏览器驱动：chromedriver
IE浏览器驱动：IEDriverServer
Edge浏览器驱动：MicrosoftWebDriver
Opera浏览器驱动：operadriver
PhantomJS浏览器驱动：phantomjs
其他浏览器webdriver自行百度下载即可。

将解压的.exe文件放到python安装目录下：
忘记python安装目录：在pycharm终端输入下列指令查找python目录

where python
1

• 2、selenium下载安装
  cmd进入命令行窗口：检查是否安装pip

where pip
1

Windows 用户执行以下命令即可实现安装：

pip install selenium
1

或者在pycharm终端输入：上述语句
检查是否安装完毕：在pycharmpython packages就可以查看已经安装的库

验证安装情况：pycharm IDE新建一个.py文件

# 导入seleinum webdriver接口
from selenium import webdriver
import time
# 创建Chrome浏览器对象
browser = webdriver.Chrome()
#访问百度网站
browser.get('http://www.baidu.com/')
#阻塞3秒
time.sleep(3)
# 自动退出浏览器
browser.quit()
1
2
3
4
5
6
7
8
9
10
11

经过上述代测试，说明我们安装的浏览器驱动可以正常工作。Selenium WebDriver 实现了许多操作浏览器功能。比如实现自动点击、自动输入、自动搜索、自动登录等等。

如果有问题请确认python是否配置了环境变量。
其他库安装：
同样在pycharm终端使用pip命令安装

pip3 install html5lib
pip3 install beautifulsoup4 -i https://pypi.douban.com/simple/
pip install openpyxl
1
2
3

beautifulsoup4：用于处理文本用，处理保存到本地的html网页

元素定位方法

详细请查看：https://blog.csdn.net/qq_40207262/article/details/129713817

页面操作汇总

详细请查看：https://blog.csdn.net/qq_40207262/article/details/129759119

目录设计

POM设计模式
即page object model，页面对象模型，顾名思义，就是将每个页面当做一个对象来看待，将页面中需要操作的元素提取到这个对象中，此后每当要用到这些元素时，调用该对象即可。让我们来具体使用一下吧！
详细POM框架请查看：https://blog.csdn.net/qq_40207262/article/details/129832058
创建好可以提前创建好结构：
common – 包，用于存放公用模块类：存放：myDriver.py驱动类和basePage.py基类
pageProject – 包，模块页面一般存放项目的各个页面的基础页面：loginPage.py/homePage.py/setManagePage.py……
configs – 包，用于存放所有基础配置类：config.py/loactor.yaml……
testCase – 包，pytest测试模块：test_lgoin.py、conftest.py……
data – 文件夹，用于存放测试用例:loginData.yaml、图片、excel等
utils – 包，公共工具类：handle_path.py、handle_log.py、handle_yaml.py……
outFiles –文件夹， 存放各种输出数据文件：logs/reports/screenshot……
data – 包，用于存放元素定位路径文件
docs – 文件夹，一般存放需求文档、prd等项目文档
至此，一个简便的结构就创建好了

代码创建POM框架

详细POM框架请查看：https://blog.csdn.net/qq_40207262/article/details/129832058
基本的框架结构图：

从地基开始创建：
driver.py->(单例模式的封装、兼容浏览器驱动的封装)
basePage.py->（初始化、封装操作方法、显示等待、日志封装、截图封装）
locator.py->(定位方法yaml格式选择)
config.py->（基础配置）
testCase.yaml->（测试用例yaml文件的编写格式）
handle_yaml.py->（处理读取定位yaml/处理测试用例的封装）
handle_logs.py->（日志的封装）
handle_path.py->（路径的封装）
pageProjcet(xxxPage.py/xxx.Page.py/……)->（项目各个页面的封装，清晰页面的关联关系）
test_xxx.py->（执行模块测试、报告输出、优化报告）
conftest.py->（结合fixture的环境初始化和数据清除封装）
run.bat->（本地快捷执行文件）

POM：结构