马琰的春天 发表于 2018-4-8 09:44:27

web界面测试用例(shelley_shu)

做界面测试的不少人都写过这块的测试,但是没有很完整的,花了点时间进行整理,其中参考了别人对界面测
试用例的描述,融入自己对界面测试的理解以及实际中运用到的部分。

    整理测试用例的同时也是整理思路及考虑更多实际场景,以及面对时的处理方案。

1、web界面测试

1.1、静态测试

1.1.1、整个Web应用系统的所有页面设计风格需保持一致。

1.1.2、整个Web应用系统页面结构设计布局合理,主题和页面排版合理,无页面变形,无样式丢失,背景显
示正常,背景颜色与字体颜色和背景色协调,信息显示完整。界面的线条一致,每个界面中线条对齐且一致。

1.1.3、页面文字格式统一,颜色统一,无错别字。

1.1.4、页面标点符号格式统一,所有字段后若存在冒号,需查看冒号为统一的中文冒号或英文冒号。

1.1.5、页面所有的列表页标题字是不会折行,标题字显示需统一,统一居中,或统一居左,或统一居右。

1.1.6、页面中的提示说明叙述需简明,尽量简化,并且字体显示格式一致,颜色统一。

1.1.7、页面能兼容不同的浏览器,检查页面在不同浏览器下不会发生异常。

1.1.8、页面在不同分辨率,窗口大小中展示无变形。

1.1.9、页面界面所有的展示图片需样式一致,图片需显示清晰。

1.1.10、导航菜单布局合理,导航直观,且易于用户操作。

1.1.11、页面导航与页面结构、菜单、连接页面的风格一致。

1.1.12、页面导航易于导航且直观,若有导航帮助,导航帮助需准确直观,当存在多级菜单时,菜单图标需做
区分,便于用户导航,用户当前操作页面的导航菜单需高亮显示提示用户,当前操作页面的导航路径需要正确
显示。

1.1.13、页面数据需要搜索栏时,搜索栏需有效直观。

1.1.14、页面按钮格式及颜色需一致。

1.1.15、页面存在必填项时,需有必填项标志。

1.1.16、页面存在表格时,表格宽度需足够,并显示完整。当表格呈现内容过多时,需有效提示便于用户操作
查看,比如增加更多按钮,点击可查看更多内容,或有滚动条显示。

1.1.17、页面存在表格时,页面表格中的内容超过最长字符限制用...显示,鼠标放上去后显示全部内容。

1.1.18、页面存在列表时,当前列表若无数据时,需显示红色字体的提示语:“暂无相关记录!”。

1.1.19、页面能读取需求中需要显示数据源,且数据正确读出,并完整显示。

1.1.20、web应用系统页面中公司图标,所有权归属,系统图标显示正确,图标在不同浏览器及分辨率均能正
常显。

1.2、动态测试

1.2.1、页面操作友好易用。

1.2.2、页面导航菜单链接有效,点击后不会出现404,500报错。

1.2.3、页面所有的输入框都可以进行校验,超出限制时需有提示。

1.2.4、页面所有的按钮点击后有响应。

1.2.5、在对后台进行数据添加时,查看前台页面是需随后台数据一起变化,页面的数据不会溢出框外。后台
增加表格内容时,根据需求出现折行或者滚动条,显示完整数据,页面不会变形。

1.2.6、页面所有的下拉框点击后有响应,下拉框数据显示正常且完整,取值正确,不会溢出框外。

1.2.7、必填项未填写时需有提示框弹出,显示提示语:xxx必填!

1.2.8、页面列表存在多条数据时,需有显示滚动或翻页功能使用户可查看完整数据。

1.2.9、页面存在搜索项时,设置查询条件,不点击查询按钮,翻页时不会改变用户行为,不会自动根据查询
条件显示数据。

1.2.10、页面存在搜索项时,设置查询条件,点击查询,翻页时显示符合查询条件的数据。

1.2.11、在页面点【退出】按钮,成功退出到登录界面。

1.2.12、点击删除按钮时需有提示框弹出提示用户确定删除数据,避免误操作丢失数据。

当存在批量删除功能时,不选择任何数据,点击删除按钮需有提示。

1.2.13、页面输入项输入异常字符时需处理,不会出现系统报错,输入中文字符时需处理不会出现乱码或出
错。输入非法数据时,需提示。

1.2.14、输入项输入正确数据时,输入和输出需保持一致。

1.2.15、取消操作可执行成功。

1.2.16、成功操作可根据需求在规定的时间及范围内生效。

1.2.17、窗体测试

    1),窗体大小,大小要合适,控件布局合理;

2),移动窗体.快速或慢速移动窗体,背景及窗体本身刷新必须正确;

3),缩放窗体,窗体上的控件应随窗体的大小变化而变化;

1.2.18、用户图标若支持上传显示时,图片上传后显示时需统一尺寸及格式,页面不会变形,图标显示保持和
其他同类图标一致。

2、文件上传测试

2.1、上传文件大小在需求限制范围内可成功上传;

2.2、上传文件大小超出需求限制范围需提示超出限制,不可成功上传;

2.3、上传文件数量在需求限制范围内可成功上传;

2.4、上传文件数量超出需求限制范围需提示超出限制,不可成功上传;

2.5、上传文件格式在需求限制范围内可成功上传;

2.6、上传文件格式超出需求限制范围需提示超出限制,不可成功上传;

2.7、上传文件名长度超出需求限制长度的文件提示超出限制,不可成功上传;

2.8、上传文件无效文件时,举例:大小为0kb的文件,不可成功上传;

2.9、上传成功的文件名称显示正确无异常;

2.10、在不同浏览器上传符合要求的文件均可成功上传;

2.11、根据需求,若上传路径支持手动输入时,输入正确的文件路径可成功上传;

2.12、根据需求,若上传路径支持手动输入时,输入错误的文件路径不可成功上传;

2.13、已被打开的文件上传,根据用户需求确定能否成功上传;

2.14、修改非法格式文件的后缀名为支持文件格式的类型,文件上传不成功;

2.15、修改合法格式文件的后缀名为不支持文件格式的类型,文件上传不成功;

2.16、上传同名文件,根据需求确定能否上传成功;

2.17、上传文件的过程中,若文件上传未完成时,可取消上传操作;

2.18、若上传文件成功后,页面存在数据保存或提交按钮时,未点击保存或提交按钮,上传文件则不显示在页面中;

2.19、上传文件允许多个时,再次上传文件,上传页面不可显示上次文件的名称,需刷新上传页面;

2.20、上传为空时,点击上传按钮,需弹出提示信息;

2.21、已损坏文件上传时,需提示,不可成功上传;

2.22、文件存储位置路径深度测试,当超出最大深度,需提示,上传文件不可成功;

2.23、文件目标服务器已满时,上传文件需提示,文件上传不成功;

3、文件下载测试

3.1、可以下载成功,下载文件和上传文件大小,文件名称,格式一致;

3.2、下载文件打开内容正确,和上传文件内容一致,无乱码,无异常;

3.3、不同浏览器都可下载下载成功,文件大小,文件名称,格式,内容一致;

3.4下载未完成时,可取消下载操作;

3.5、可下载文件后台被删除时,点击下载需提示,根据用户需求而定;



海海豚 发表于 2018-4-8 09:52:50

谢谢分享~

bsbowen 发表于 2018-4-10 17:17:55

很实用,谢谢你的细致总结
页: [1]
查看完整版本: web界面测试用例(shelley_shu)