vlambda博客
学习文章列表

随手写个接口测试工具,让领导瞧瞧我的能耐

出品|51Testing软件测试网


在工作过程中相信很多人都或多或少的知道甚至使用过postman或jmeter等工具做接口测试,那么postman/jmeter这个工具是怎么来的呢?


今天我就带大家初步实践写一个简单的类似postman的接口测试工具。


本文主要利用pyside2+python设计一个简单的接口测试工具,并打包成exe文件,通过这一系列实践,既能将自己写好的工具以图形界面的形式提供给他人使用,又能防止源代码泄漏。


随手写个接口测试工具,让领导瞧瞧我的能耐
了解常用的GUI库


在开始进行实战前,可简单了解一下几种常见的图形化界面设计需要的库:


  • Tkinter(是python最简单的图形化模块)。


  • PyQt(是python最复杂也是使用最广泛的图形化模块,PyQt的采用的是GPLv3),若使用该库,则要求代码是开源的,若是引用该库,但是代码非开源的,可能会面临起诉。


  • PySide2 :Pyside2的LGPL协议要求动态链接可以闭源商用,一般情况下选择该库进行GUI设计。


随手写个接口测试工具,让领导瞧瞧我的能耐
环境安装


pip install PySide2 #PySide2是一个GUI库在,主要用于设计程序界面
(左右滑动查看完整代码)


pip install pyinstaller #pyinstaller主要用于将代码打包成exe文件时使用的模块

(左右滑动查看完整代码



随手写个接口测试工具,让领导瞧瞧我的能耐
界面设计-输出UI格式文件


对接口工具的页面进行设计,设计完成后会形成一个UI格式的文件。本文实践案例示范完成一个简单的接口测试工具,界面设计如下图,分为三个部分:


  • 第二个部分:请求头、请求体;

  • 第三个部分:响应信息头、响应数据。

随手写个接口测试工具,让领导瞧瞧我的能耐


PySide2图形工具相关组件和使用方法介绍:


a) 按钮:pushButton

i. 点击按钮clicked()


b) 单行文本框:lineEdit

i. 获取文本text()

ii. 用户名或者其他需要明文显示时,则可选择echoMode=Normal

iii. 密码类的需要直接“*”显示,则可选择echoMode=Password

iv. 密码类的需要编辑时明文显示,编辑结束则“*”显示,则可选择echoMode= PasswordEchoOnEdit


c) 多行文本框:QPlainTextEdit

i. 获取多行文本:toPlainText()

ii. 设置提示文本:setPlaceholderText (‘提示文本’)


d) 文本浏览框:textBrowser

i. 获取文本:toPlainText()

ii. 设置提示文本:setPlaceholderText (‘提示文本’)


e) 组合选择框:QComBox

i. 通过addItem添加单个选项,通过addItems([,,])添加多个选项

ii. 通过setCurrentText('请选择')设置默认当前选项的值

iii. 通过currentText()获取选项框的当前值


f) 文本标签:label


随手写个接口测试工具,让领导瞧瞧我的能耐
界面布局


界面布局说白了就是各个控件的位置区域调整,常见的布局有三种:水平布局、垂直布局、栅格布局。


水平布局:就是各个组件水平排列对齐。

随手写个接口测试工具,让领导瞧瞧我的能耐


垂直布局:就是各个组件垂直排列对齐。

随手写个接口测试工具,让领导瞧瞧我的能耐


栅格布局:栅格布局与水平布局和垂直布局皆不一样,网格布局内部通过一个无形的网格来对其中的控件进行布局。


最后为了能让布局内的控件随着窗口自动缩放,可在窗口空白区域(非控件区域)右键选择任意一种布局即可。

随手写个接口测试工具,让领导瞧瞧我的能耐


随手写个接口测试工具,让领导瞧瞧我的能耐
代码设计-输出py格式文件


本项目的代码可以分为两个部分:

  • 第一部分:引用设计好的界面组件

  • 第二部分:接口请求的逻辑代码


0 1
初始化图形界面


引用图形界面的元素的方式,跟进行UI自动化的元素定位有点类似:

1. 定义通过ui对象

2. 找到对应的元素名称

3. 对该元素进行相应的操作


调用图形界面的整体过程如下:

1. 创建app程序对象

2. 获取图形对象:打开ui文件

3. 读取ui文件

4. 加载ui文件内的对象

5. 关闭ui文件

6. 展示图形界面

7. 运行程序

随手写个接口测试工具,让领导瞧瞧我的能耐


0 2
业务逻辑处理


处理业务逻辑时,需要涉及到三个内容:

1.通过图形界面获取用户数据

2.通过点击事件触发业务逻辑处理

3.将业务处理结果展示在图形界面上


随手写个接口测试工具,让领导瞧瞧我的能耐
代码说明


0 1
操作图形界面的组件的格式


ui对象.组件的objectname.动作(通过“.”连接)。

随手写个接口测试工具,让领导瞧瞧我的能耐


0 2
初始化请求方法的选项值


GET\POST\PUT\DELETE。


0 3
定义接口请求函数


a) 通过图形界面控件获取用户输入的数据:获取的数据是字符串格式,需要转化为json格式;

b) 发起接口请求:利用request库完成接口请求;

c) 获取响应信息头、响应数据;

d) 响应信息添加到图形界面上展示:获取到的数据通过append添加到文本浏览器前,需要对将数据转为str格式。


0 4
定义清空数据函数


事先明确好,点击清楚按钮时,需要清空哪些控件的数据或将选择框设置什么默认值。


本文设计点击清空按钮时做以下两个操作:

1) 清空响应信息头、响应数据两个文本框;

2) 重置请求方法选择框的默认值为“请选择”。


0 5
点击按钮绑定业务函数


点击后通过connect()方法连接函数方法,格式:

  • ui对象按钮:objectname. clicked.connect


  • 发送按钮:ui.send_pushButton.clicked.connect(send_request)


  • 清空按钮:ui.clear_pushButton.clicked.connect(clear)

随手写个接口测试工具,让领导瞧瞧我的能耐


随手写个接口测试工具,让领导瞧瞧我的能耐
项目打包


这样可以避免代码泄漏,方便他人使用工具。


程序写好了后,图形界面也设计好了之后,每次使用都要运行代码闲的很麻烦,而且其他人还得拷贝你的代码。


所以这个时候就可以用到“打包”的功能,通过打包将工具生成为一个exe程序,其他人可直接使用。具体过程如下。


1.进入项目的py文件夹目录下,cmd打开命令窗口,执行打包命令:

pyinstaller -F RequestTool.py --hidden-import PySide2.QtXml

(左右滑动查看完整代码)


其中RequestTool.py为python代码文件。

随手写个接口测试工具,让领导瞧瞧我的能耐


2.打包成功后本地可看到对应的文件夹如下:

随手写个接口测试工具,让领导瞧瞧我的能耐


3.将界面ui文件复制到dist文件夹目录下。


4.双击运行exe文件即可。


如果运行程序时不需要后面的命令窗口(黑色窗口,可在进行打包时增加参数-w即可去除该窗口)。

随手写个接口测试工具,让领导瞧瞧我的能耐


随手写个接口测试工具,让领导瞧瞧我的能耐
项目实战成果


项目内其他成员可直接运行打包好的的exe文件,即可使用接口测试工具V1.0。

随手写个接口测试工具,让领导瞧瞧我的能耐


随手写个接口测试工具,让领导瞧瞧我的能耐
总结


所有的产品都不是一蹴而就,都是通过不断地迭代优化而来。本文只是简单的示范了基础的接口测试工具,有兴趣的人可进行第二版本、甚至的第三版本的迭代开发。


写这篇文章的目的在于给大家做个示范,如何将日常学过的GUI编程、接口测试等融合输出成为一个能说的出去的产品,更甚至能合理有效的运用到我们的工作中。


......

本文为51Testing软件测试网

第六十一期电子杂志内容

剩余精彩内容请点击下方

 阅读原文 查看

随手写个接口测试工具,让领导瞧瞧我的能耐


-往期回顾-
//
//
“阅读原文”一起来充电吧!