软件测试web自动化项目实战——TPshop开源商城系统

╰+攻爆jí腚メ 2022-10-31 12:18 1205阅读 0赞

自动化测试流程

目标

1.  熟悉自动化测试的流程

**1. **自动化测试的流程

1. 需求分析

2. 挑选适合做自动化测试的功能

3. 设计测试用例

4. 搭建自动化测试环境 \[可选\]

5. 设计自动化测试项目的架构 \[可选\]

6. 编写代码

7. 执行测试用例

8. 生成测试报告并分析结果

项目介绍

### **1. **项目介绍 ###

**项目名称**

TPshop开源商城系统

**项目描述**

TPshop是一个电子商务B2C电商平台系统，功能强大，安全便捷。适合企业及个人快速构建个性化网上商城。

包含PC+IOS客户端+Adroid客户端+微商城，系统PC+后台是基于ThinkPHP MVC构架开发的跨平台开源软件，设计得非常灵活，具有模块化架构体系和丰富的功能，易于与第三方应用系统无缝集成，在设计上，包含相当全面，以模块化架构体系，让应用组合变得相当灵活，功能也相当丰富。

项目架构

![c9bb6c3eeb079df0c8e7f442514d6fe1.png][]

### 用例设计 ###

目标

*  掌握如何编写自动化测试用例文档
 *  编写自动化测试用例的原则
 *  自动化测试用例一般只实现核心业务流程或者重复执行率较高的功能。
 *  自动化测试用例的选择一般以“正向”逻辑的验证为主。
 *  不是所有手工用例都可以使用自动化测试来执行。
 *  尽量减少多个用例脚本之间的依赖。
 *  自动化测试用例执行完毕之后，一般需要回归原点。

### **2. **编写测试用例 ###

![4b29b4581f00fa834164a0824d44d2ab.png][]

### 项目搭建 ###

**目标**

1.  掌握如何进行自动化测试框架的搭建

1. 初始化项目

**1.1 新建项目**

项目名称：webAutoTestTPshop

1.2 创建目录结构、

![20210222163932695.png][]

1.1 安装依赖包

安装  selenium  包

安装  parameterized  包添加  HTMLTestRunner

初始化代码

封装驱动工具类

封装PO基类，定义  BasePage  和  BaseHandle

### 推荐学习： ###

web自动化测试-黑马头条ui页面实现登录  
完整视频：http://yun.itheima.com/open/494.html?2012stt  
配套资料：https://pan.baidu.com/s/19z7JdxyvCAugEcqrvKeVNA 提取码：6bb1

### 编写代码 ###

目标

1. 掌握如何采用PO模式的分层思想对页面进行封装

2. 掌握如何使用UnitTest管理项目中的测试用例

**1. **抽取**PO**

根据用例分析待测功能，提取页面对象

1. 定义页面对象文件

登录页：login\_page.py首页：index\_page.py

后台页面(个人中心页)：home\_page.py商品搜索页：goods\_search\_page.py商品详情页：goods\_detail\_page.py购物车页：cart\_page.py

下订单页：order\_page.py

订单支付页：order\_pay\_page.py我的订单页：my\_order\_page.py

1. 分别编写对象库层、操作层、业务层的代码

**2. **编写测试脚本

1. 定义测试脚本文件

登录模块：test\_login.py购物车模块：test\_cart.py订单模块：test\_order.py

3. 执行测试脚本

1. 使用unittest执行测试脚本

2. 调试代码

完善代码

目标

1. 掌握如何把数据驱动应用到项目中

2. 能够把日志收集功能应用到项目中

3. 掌握如何使用UnitTest生成测试报告

1. 数据驱动

1.1 定义数据文件

1. 定义存放测试数据的目录，目录名称：data

2. 分模块定义数据文件

登录模块：login.json购物车模块：cart.json订单模块：order.json

1. 根据业务编写用例数据

1.2测试数据参数化

修改测试脚本，使用  parameterized  实现参数化

**1. 日志收集**

使用logging模块实现日志的收集

2.1 示例代码

<table> 
 <tbody> 
  <tr> 
   <td style="text-align:left;vertical-align:baseline;"> 
    <div style="margin-left:0px;"> 
     <span style="color:#363636;"><span style="color:#afafaf;">01</span></span> 
    </div> 
    <div style="margin-left:0px;"> 
     <span style="color:#363636;"><span style="color:#afafaf;">02</span></span> 
    </div> 
    <div style="margin-left:0px;"> 
     <span style="color:#363636;"><span style="color:#afafaf;">03</span></span> 
    </div> 
    <div style="margin-left:0px;"> 
     <span style="color:#363636;"><span style="color:#afafaf;">04</span></span> 
    </div> 
    <div style="margin-left:0px;"> 
     <span style="color:#363636;"><span style="color:#afafaf;">05</span></span> 
    </div> 
    <div style="margin-left:0px;"> 
     <span style="color:#363636;"><span style="color:#afafaf;">06</span></span> 
    </div> 
    <div style="margin-left:0px;"> 
     <span style="color:#363636;"><span style="color:#afafaf;">07</span></span> 
    </div> 
    <div style="margin-left:0px;"> 
     <span style="color:#363636;"><span style="color:#afafaf;">08</span></span> 
    </div> 
    <div style="margin-left:0px;"> 
     <span style="color:#363636;"><span style="color:#afafaf;">09</span></span> 
    </div> 
    <div style="margin-left:0px;"> 
     <span style="color:#363636;"><span style="color:#afafaf;">10</span></span> 
    </div> 
    <div style="margin-left:0px;"> 
     <span style="color:#363636;"><span style="color:#afafaf;">11</span></span> 
    </div> 
    <div style="margin-left:0px;"> 
     <span style="color:#363636;"><span style="color:#afafaf;">12</span></span> 
    </div> 
    <div style="margin-left:0px;"> 
     <span style="color:#363636;"><span style="color:#afafaf;">13</span></span> 
    </div> 
    <div style="margin-left:0px;"> 
     <span style="color:#363636;"><span style="color:#afafaf;">14</span></span> 
    </div> 
    <div style="margin-left:0px;"> 
     <span style="color:#363636;"><span style="color:#afafaf;">15</span></span> 
    </div> 
    <div style="margin-left:0px;"> 
     <span style="color:#363636;"><span style="color:#afafaf;">16</span></span> 
    </div> 
    <div style="margin-left:0px;"> 
     <span style="color:#363636;"><span style="color:#afafaf;">17</span></span> 
    </div> 
    <div style="margin-left:0px;"> 
     <span style="color:#363636;"><span style="color:#afafaf;">18</span></span> 
    </div> 
    <div style="margin-left:0px;"> 
     <span style="color:#363636;"><span style="color:#afafaf;">19</span></span> 
    </div> 
    <div style="margin-left:0px;"> 
     <span style="color:#363636;"><span style="color:#afafaf;">20</span></span> 
    </div> 
    <div style="margin-left:0px;"> 
     <span style="color:#363636;"><span style="color:#afafaf;">21</span></span> 
    </div> 
    <div style="margin-left:0px;"> 
     <span style="color:#363636;"><span style="color:#afafaf;">22</span></span> 
    </div> 
    <div style="margin-left:0px;"> 
     <span style="color:#363636;"><span style="color:#afafaf;">23</span></span> 
    </div> 
    <div style="margin-left:0px;"> 
     <span style="color:#363636;"><span style="color:#afafaf;">24</span></span> 
    </div> </td> 
   <td style="text-align:left;vertical-align:baseline;"> 
    <div style="margin-left:0px;"> 
     <div style="margin-left:0px;"> 
      <span style="color:#363636;"><code>import&nbsp; logging.handlers import&nbsp; os</code></span> 
     </div> 
     <div style="margin-left:0px;"> 
      <span style="color:#363636;">&nbsp;</span> 
     </div> 
     <div style="margin-left:0px;"> 
      <span style="color:#363636;"><code># 工程目录</code></span> 
     </div> 
     <div style="margin-left:0px;"> 
      <span style="color:#363636;"><code>BASE_DIR&nbsp; </code><code>=</code>&nbsp; <code>os.</code><code>path</code><code>.dirname</code><code>(</code><code>os.</code><code>path</code><code>.abspath</code><code>(</code>&nbsp;&nbsp;&nbsp; <code>file</code>&nbsp;&nbsp;&nbsp; <code>)</code><code>)</code></span> 
     </div> 
     <div style="margin-left:0px;"> 
      <span style="color:#363636;"><code>def&nbsp; init_log_config</code><code>(</code><code>)</code><code>:</code> <code>""</code><code>"</code></span> 
     </div> 
     <div style="margin-left:0px;"> 
      <span style="color:#363636;"><code>初始化日志配置</code></span> 
     </div> 
     <div style="margin-left:0px;"> 
      <span style="color:#363636;"><code>"</code><code>""</code></span> 
     </div> 
     <div style="margin-left:0px;"> 
      <span style="color:#363636;">&nbsp;</span> 
     </div> 
     <div style="margin-left:0px;"> 
      <span style="color:#363636;"><code># 日志输出格式</code></span> 
     </div> 
     <div style="margin-left:0px;"> 
      <span style="color:#363636;"><code>fmt&nbsp; </code><code>=</code>&nbsp; <code>"%(asctime)s&nbsp; %(levelname)s&nbsp; [%(filename)s(%(funcName)s:%(lineno)d)]&nbsp; -&nbsp; %(messag e)s"</code></span> 
     </div> 
     <div style="margin-left:0px;"> 
      <span style="color:#363636;">&nbsp;</span> 
     </div> 
     <div style="margin-left:0px;"> 
      <span style="color:#363636;"><code># 创建日志器</code></span> 
     </div> 
     <div style="margin-left:0px;"> 
      <span style="color:#363636;"><code>logger&nbsp; </code><code>=</code>&nbsp; <code>logging.getLogger</code><code>(</code><code>)</code> <code>logger.setLevel</code><code>(</code><code>logging.INFO</code><code>)</code></span> 
     </div> 
     <div style="margin-left:0px;"> 
      <span style="color:#363636;">&nbsp;</span> 
     </div> 
     <div style="margin-left:0px;"> 
      <span style="color:#363636;"><code># 创建格式化器</code></span> 
     </div> 
     <div style="margin-left:0px;"> 
      <span style="color:#363636;"><code>formatter</code>&nbsp; <code>=</code>&nbsp; <code>logging.Formatter</code><code>(</code><code>fmt</code><code>)</code></span> 
     </div> 
     <div style="margin-left:0px;"> 
      <span style="color:#363636;">&nbsp;</span> 
     </div> 
     <div style="margin-left:0px;"> 
      <span style="color:#363636;"><code># 输出到控制台</code></span> 
     </div> 
     <div style="margin-left:0px;"> 
      <span style="color:#363636;"><code>sh&nbsp; </code><code>=</code>&nbsp; <code>logging.StreamHandler</code><code>(</code><code>)</code> <code>sh.setFormatter</code><code>(</code><code>formatter</code><code>)</code> <code>logger.addHandler</code><code>(</code><code>sh</code><code>)</code></span> 
     </div> 
     <div style="margin-left:0px;"> 
      <span style="color:#363636;">&nbsp;</span> 
     </div> 
     <div style="margin-left:0px;"> 
      <span style="color:#363636;"><code># 输出到文件，每日一个文件</code></span> 
     </div> 
     <div style="margin-left:0px;"> 
      <span style="color:#363636;"><code>log_path&nbsp; </code><code>=</code>&nbsp; <code>os.</code><code>path</code><code>.join</code><code>(</code><code>BASE_DIR</code><code>,</code>&nbsp; <code>"log"</code><code>,</code>&nbsp; <code>"tpshop.log"</code><code>)</code></span> 
     </div> 
     <div style="margin-left:0px;"> 
      <span style="color:#363636;"><code>fh&nbsp; </code><code>=</code>&nbsp; <code>logging.handlers.TimedRotatingFileHandler</code><code>(</code><code>log_path</code><code>,</code>&nbsp; <code>when</code><code>=</code><code>'MIDNIGHT'</code><code>,</code>&nbsp; <code>interval</code><code>=</code><code>1</code></span> 
     </div> 
     <div style="margin-left:0px;"> 
      <span style="color:#363636;"><code>,</code>&nbsp; <code>backupCount</code><code>=</code><code>3</code><code>)</code> <code>fh.setFormatter</code><code>(</code><code>formatter</code><code>)</code> <code>logger.addHandler</code><code>(</code><code>fh</code><code>)</code></span> 
     </div> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

3. 生成测试报告

使用HTMLTestRunner生成测试报告

[c9bb6c3eeb079df0c8e7f442514d6fe1.png]: /images/20221024/e9bc85b03a3f4314ac58cc2a96f36862.png
[4b29b4581f00fa834164a0824d44d2ab.png]: /images/20221024/aa2d7120debf41de82f0607b5c51364c.png
[20210222163932695.png]: /images/20221024/f6f55b45ffb24b22ad8e83dc3ae588c5.png