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、可下载文件后台被删除时，点击下载需提示，根据用户需求而定；

海海豚

谢谢分享~

bsbowen

很实用，谢谢你的细致总结