Web页面测试总结(控件类)

界面测试,最多的就是各种控件的功能测试,只有掌握了其测试要点,了解测试方法,总结各种测试情景,才能熟练测试Web页面。

一、输入框

输入框分为文本输入框,数字输入框。一般使用在填写输入的内容上,比如名称,属性等,有新建和编辑类两种。在检查的时候需要关注一些输入框的特性:

  • 输入的字符长度是否符合要求,输入最小长度,最小长度-1,最大长度,最大长度+1,以及超长的字符检查是否符合预期

  • 输入特殊字符,特别是&、单引号’、空格检查是否能保存

  • 输入内容前后带空格的,能否自动过滤处理

  • 不输入内容,保存,是否有错误提醒

  • 输入注入的字符串,比如null,js代码,html代码等,是否能保存

  • 数字输入框还要检查边界值,负数,分数,非数字,0,科学计数法,字母与数字结合,16进制,8进制,货币性输入,小数点位数检查等情况等情况

另外,输入框在逻辑上需要关注以下几点:

  1. 信息的唯一性,比如一些名称的检查要求唯一性

  2. 编辑类的输入框,要检查鼠标移出后点击,能否从输入框移出焦点

  3. 有自动带入功能的输入框,要检查自动带入数据的正确性

二、按钮

按钮一般用户功能的确认,涉及到功能与db等的存储情况是否符合预期。常见测试场景如下:

  • 按钮是否可点,有弹出框的弹出框是否符合预期

  • 自然状态、鼠标悬浮和按钮按下状态下,按钮的状态

  • 按钮的功能实现是否正常(存储db,与其他模块交互等是否正常)

  • 按enter键操作按钮,功能是否正常

  • 按tab键,能否在不同的按钮或其他控件间切换

  • 一些按钮只能点击一次的情况,点击一次后,再操作,是否仍能点击

  • 错误信息提醒是在前端js判断,还是后台判断,点击按钮后,提示话术显示正确

  • 取消功能的按钮,是否能正常关闭页面,取消后回到的页面是否符合预期

三、下拉框

下拉框一般多个一起出现,实现筛选功能。需要注意筛选后是否立即生效,以及组合筛选的情况结果是否符合预期。常见测试点如下:

  • 默认显示是否正确,比如有的显示全部,有的默认选中某一项,有的显示“请选择”

  • 切换item,下拉框显示项内容和排序是否正确,不同浏览器,下拉框显示是否有变形等

  • 下拉框中选项超出设定值的,是否有滑动条,上下滑动,还是左右滑动等

  • 下拉框弹出时,鼠标点击控件外区域/选项/下拉框,下拉框能否收回

  • 当下拉框选项很多时,是否有被底层覆盖的情况

  • 下拉框数据被存储后,其他地方显示时,传递的数据正确性检查。比如下拉框选项按数字传递,而其他页面显示时应该显示对应的文字

  • 组合筛选的情况,有级联操作的,只有选择了前一个数据后,才能进行下一个的选择。比如省市之间,只有选择了省份,才能继续选择市,否则市不可选

  • 组合下拉框实现的筛选功能正确性检查

下拉框,列表,筛选框等经常一起组成筛选的功能。需要关注以下几点:

  1. 选择不同的选项,列表中展示筛选的结果,内容,默认排序等检查

  2. 组合条件时,列表中内容检查

四、时间框

  • 用于选择时间,有起始时间和结束时间,有的有选择时间的快捷键

  • 日期选择功能是否正确(包括年、月、日的选择是否正确)

  • 起、止时间选择(起始时间不能晚于结束时间)

  • 年、月、日的时间限制(比如:年-1900至今,月-1~12,日-平月、闰月)

  • 时间框展示在不同浏览器下,不同分辨率是否正确

  • 时间框快捷操作和左侧选择时间的对应关系检查,比如选择昨天,左侧的时间是否自动选择昨天的日期

  • 时间框选择时间后,确定,检查传递的值是否正确,尤其检查是否包含当天,比如最近一个月,是否包含今天等

  • 时间框和筛选框交互,选择时间框后,再选择其他的筛选框,时间框选择的内容应该保持不变

  • 截止时间不能早于开始时间

  • 时间框为公用控件时,要考虑当某一处修改时,其他地方是否会受到影响

五、文件类

分为文件上传和文件下载,分别如下:

文件上传,需要注意以下几点:

  • 文件类型正确、大小合适,是否能正确上传,交互是否正确

  • 文件类型正确,大小不合适,文件过大,检查处理速度,进度条情况是否符合预期

  • 上传空文件

  • 上传超大文件,检查是否能正确处理

  • 文件类型错误,提示话术是否正确

  • 上传一个正在使用中的文件

  • 文件名是否可以手工输入,手动输入存在/不存在的文件地址来上传,输入文件名称来上传

  • 连续多次选择不同的文件,查看是否上传最后一次选择的文件

  • Excel文件类型时,表格列数符合要求,表格列数多于期望的列数,少于期望的列数等条件检查。各列的类型符合预期,不符合预期,有空行,有重复字段等检查

文件下载,需要注意以下几点:

  • 右键是否可以正常下载文件

  • 使用工具下载文件,是否可正常下载,保存到本地是否正常显示

  • 对于本机没有安装工具的文件是否能正常打开,能否给出正确提示

  • 对于直接在页面内打开的内容是否能正常显示,页面美观性检查

  • 下载的次数是否会被记录

  • 后台设置了下载权限的文件,是否可以被正常下载

六、导航条

导航描述了用户在一个页面内操作的方式,在不同的用户接口控制之间,例如按钮、对话框、列表和窗口等;或在不同的连接页面之间。导航测试经常考虑如下几点。

  • 导航是否直观,简单明了,直接反应系统的主要功能。

  • 导航的风格与其他菜单,展示等风格是否一致

  • 导航的链接跳转是否正确

  • 导航条tab间的来回跳转,是否正确。

  • 导航条tab间的来回跳转,是否正确。

  • 链接如果带参数,跳转到不同页面,传递的参数是否正确

  • 导航条之外的公共内容,在导航条不同tab内的展示应该保持一致,且功能正确性检查。

  • 不同的导航条达到同样的目的,检查不同导航条跳转过来时内容是否一致。

  • 导航条各级之间有上下级关系时,进入下级页面,再返回,是否能正常返回上级页面。

上一篇:Web 页面测试总结—控件类


下一篇:TCP 协议三次握手过程分析