# Test Scenario Points HTML **Repository Path**: hagyao520/Test-Scenario-Points-HTML ## Basic Information - **Project Name**: Test Scenario Points HTML - **Description**: Test Scenario Points HTML是一个在线编写测试场景点的自动化框架，实现了效果图和测试场景点一体化预览，方便测试评审 - **Primary Language**: HTML - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 2 - **Forks**: 3 - **Created**: 2019-08-08 - **Last Updated**: 2021-11-30 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 欢迎查阅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 软件测试开发交流群