一、WEB测试流程
- 需求分析
- 测试计划编写
- 测试用例编写
- 用例执行
- 回归测试
- 兼容性测试
- 安全测试
- 走查验收
- 测试总结报告
二、WEB测试设计思路
2.1 UI测试
- 界面风格统一，与UI设计原型图一致；
- 界面文案正确；
- 提示、警告或错误说明描述准确；
- 切换窗口大小，将窗口缩小后，页面是否按照比例缩小，或出现滚动条，页面是否正确显示；
- 所有的图片是否都被正确加载；
- 在不同浏览器、分辨率下，图片是否正确显示。
2.2 搜索测试
- 如果支持模糊查询，搜索名称中任意一个字符是否能搜索到；
- 比较长的名称是否能搜索到；
- 输入系统中不存在的与之匹配的条件；
- 不同查询条件之间来回选择，是否出现页面错误；
- 查询条件的组合测试。
2.3 表单测试
- 表单按钮功能正常实现；
- 下拉列表数据完整、正确，可以正常选择，是否支持模糊匹配；
- 文件上传大小、尺寸、格式、数量、文件内容规则验证；
- 表单提交，删除，修改后是否有提示信息；
- 浏览器的前进、后退、刷新按钮，是否会造成数据重现或页面报错；
- 提交表单是否支持回车键和Tab键；
- 数据重复检验；
- 提交的数据是否能正确保存在数据库中。
2.4 输入域测试
- 输入类型检验
- 输入长度检验
- 必填项检验
- 重复性检验
- 空格检验
- 安全性检验
2.5 分页测试
- 没有数据时，界面展示情况；
- 翻页后数据展示情况；
- 分页的总页数及当前页数显示是否正确；
- 是否能正确跳转到指定的页数。
2.6 交互性数据测试
- 前台的数据操作是否对后台产生相应正确的影响；
- 用户的权限，是否随着授权而变化。
2.7 链接测试
- 是否能够直接链接查看；
- 是否有权限控制；
- 是否直接执行，并返回相应结果页。
三、WEB端常见bug解析
3.1 页面布局方面
-
页面一行内容超长展示错乱；
-
更换设备布局错乱。
3.2 页面元素方面
-
输入域提示信息不明确；
-
输入框包含HTML字符时出现异常。
3.3 功能方面
-
功能不符合需求；
-
提示信息错误；
-
JS报错；
-
更改不同步；
- 登录后打开多个页面，在一个页面中操作修改内容，在另一个页面中查看，已经修改过的内容没有体现。
-
登录状态不同步。
- 打开多个页面，其中一个页面登录成功，另一个页面刷新，没有同步为登录状态。
3.4 其他
-
页面请求失败；
-
加载时间太长。
四、浏览器开发者工具
4.1 开发者工具打开方式
- 方式一：工具目录->开发者工具；
- 方式二：右击页面任何位置->审查元素；
- 方式三：F12快捷键。
4.2 面板功能介绍
4.2.1 Elements面板
- 定位元素；
- 查看元素源码；
- 查看元素样式；
- 页面跳转到元素面板指定的元素：Scroll into view。
4.2.2 Network面板
-
记录网络活动
- （1）停止记录网络请求；
- （2）清除记录；
- （3）保存跨页面加载的请求。
-
清除缓存
- （1）禁用浏览器缓存；
- （2）手动清除浏览器缓存；
- （3）清空缓存并硬性重新加载。
-
模拟网络
- （1）离线网络；
- （2）慢速网络模拟（弱网）。
-
查看网络数据
- （1）Name：资源名称以及URL路径；
- （2）status：Http状态码/文字解释；
- （3）Type：请求资源的类型；
- （4）Initiator：解释请求时怎么发起的；
- （5）Size：服务器提供的响应头加上响应主体的总大小；
- （6）Time：从请求开始到响应中最后一个字节接收的总持续时间；
- （7）Waterfall：每个请求活动的可视细分。
-
筛选资源
- （1）显示过滤器；
- （2）按资源类型筛选。
五、Web兼容性测试策略
5.1 浏览器兼容
5.2 操作系统兼容
5.3 分辨率兼容
5.4 兼容测试工具
-
IETester：可以方便地解决IE浏览器的兼容问题；
-
Browsershots：一个在线测试工具，支持很多浏览器；
-
开发者工具-Toggle device toolbar
- 模拟移动设备界面；
- 自定义设备；
- 旋转屏幕；
- 生成页面快照；
- 显示标尺；
- 缩放视图；
- 限制网络流量和CPU占用率。
