Test-Scenario-Points-HTML: Test Scenario Points HTML是一个在线编写测试场景点的自动化框架，实现了效果图和测试场景点一体化预览，方便测试评审

# 欢迎查阅Test Scenario Points HTML（App测试场景点自动化框架体系）
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
![](https://testerhome.com/uploads/photo/2019/9fba3779-2900-4ec0-afbb-adb3904ea002.gif!large)

Test Scenario Points HTML是一个在线编写测试场景点的自动化框架，实现了效果图和测试场景点一体化预览，方便测试评审
        •  该框架包含导航标签，新增模块，修改模块，删除模块，读取模块，保存模块等功能
        •  【新增模块】实现了在线插入UI效果图，效果图来源于 [蓝湖](https://lanhuapp.com)
        •  【修改模块】实现了一键修改单个或多块功能模块
        •  【删除模块】实现了一键删除单个或多块功能模块
        •  【读取模块】实现了一键读取单个或多个功能模块
        •  【保存模块】实现了一键保存单个或多块功能模块

---
### 框架介绍
    HTML + CSS + JS + Excel + 蓝湖
        •  使用HTML作为项目编程语言，方便网页预览，编辑
        •  使用CSS作为样式编程语言，方便加载界面样式效果
        •  使用JS作为动态脚本语言，方便加载动画效果
        •  使用Excel作为场景点保存文件，方便一键导入
        •  使用蓝湖作为UI效果图的共享平台，方便获取图片地址

---
### 安装运行
    1.  使用Git克隆下载源码，命令：git clone https://gitee.com/hagyao520/Test-Scenario-Points-HTML.git
    2.  克隆完成后，打开Test-Scenario-Points-HTML下【index.html】文件即可
    3.  使用编辑器打开【index.html】，可以进行修改相关内容
    4.  使用【测试场景点.xlsx】，管理所有测试场景点

---
### 使用说明
#### 一、新增模块：  
![](https://testerhome.com/uploads/photo/2019/37e49dbf-9945-4f87-9a8b-54525ee66ec5.gif!large)
 1. 点击新增模块按钮，输入模块跳转链接，一般对应产品原型的地址，例如：【 https://www.axure.com 】 
 3. 输入测试场景点，例如：【手机号丨获取验证码丨更换手机号丨登录】
 4. 输入图片地址，例如：【 https://alipic.lanhuapp.com/SketchCoverf0707de649e522dd7bc39b0d9df53f11 】
 5. 点击确认按钮，即可新增模块成功，自动生成UI效果图和场景点编辑框
 - PS：编辑测试场景点时，没一行需要以【；】结尾，最后一行需要加空格【； 】

#### 二、修改模块：
![](https://testerhome.com/uploads/photo/2019/38c69298-b6a7-4480-8959-b0400339d217.gif!large)
  1. 点击修改模块按钮，选择要修改的模块，例如：【一. 登录界面】
  2. 输入新的模块名称，图片地址等模块信息
  3.点击确认按钮，即可修改模块成功，修改成功后页面会新的模块内容

#### 三、删除模块：

![](https://testerhome.com/uploads/photo/2019/7b3dd985-11ad-4692-a836-3fe0ee9c7a71.gif!large)
  1. 点击删除模块按钮，选择要删除的模块，例如：【全部】或【XXX模块】
  2. 点击确认按钮，即可删除模块成功，删除后页面移除该模块

#### 四、读取模块：
![](https://testerhome.com/uploads/photo/2019/09937a57-9613-4300-8d49-615069e8e108.gif!large)
  1. 点击读取模块按钮，再点击选择文件按钮，选择要读取的Excel文件，例如：【测试场景点.xlsx】
  2. 读取成功后会自动获取所有模块，选择要读取的全部或单个模块，例如：【全部】或【一. 登录界面】
  3. 点击确认按钮，即可读取模块成功，读取成功后页面会自动生成该模块内容

#### 五、保存模块：
![](https://testerhome.com/uploads/photo/2019/8271f0af-e136-4f3d-b7ea-103a615a9701.gif!large)
  1. 点击保存模块按钮，选择需要保存的模块，例如：【全部】或【一. 登录界面】
  2. 点击确认按钮，弹出下载提示，即可保存模块成功，自动保存成Excel文件
 - PS：保存的模块名称最好不要重复，否则生成的Excel工作表名为xxx(1)

---
### 七、感谢
#### 如果您觉得这个框架对您有用，您可以捐赠下我，让我有理由继续下去，非常感谢。
![](https://images.gitee.com/uploads/images/2019/0808/154355_a1e644e2_1325509.png)

**非常感谢您花费时间阅读，祝您在这里记录、阅读、分享愉快！**
**欢迎留言评论，有问题也可以联系我或者加群交流...**

作者：[@刘智King](http://shang.qq.com/email/stop/email_stop.html?qq=1306086303&sig=a1c657365db7e82805ea4b2351081fc3ebcde159f8ae49b1&tttt=1)         
QQ：1306086303     
Email：hagyao520@163.com

> QQ官方交流群 126325132
<a target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=346d11a1a76d05086cd48bc8249126f514248479b50f96288189ab5ae0ca7ba5"><img border="0" src="//pub.idqqimg.com/wpa/images/group.png" alt="软件测试开发交流群" title="软件测试开发交流群"></a>

常春藤/Test-Scenario-Points-HTML

简介

发行版

贡献者

近期动态

常春藤/Test-Scenario-Points-HTML .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

常春藤/Test-Scenario-Points-HTML