Web前端开发工程师常用的通用测试用例总结

　　随着互联网的普及和技术的不断发展，web前端开发工程师在当今互联网行业中的重要地位，Web前端开发工程师作为一个专业技术岗位，需要掌握多种技术来构建现代化的网页和应用程序，今天八维职业学校和大家一起来看看Web前端开发工程师常用的通用测试用例总结，希望对想要学习和了解web前端开发工程师这个行业的同学有所帮助。

　　一、易用性

　　1、便于使用、理解、并能减少用户发生错误选择的可能性

　　2、当数据字段过多时，使用便于用户迅速吸取信息的方式表现信息，突出重点信息，标红等方式

　　3、显示与当前操作相关的信息，给出操作提示。

　　4、界面要支持键盘自动浏览按钮功能，即按Tab键、回车键的自动切换功能

　　5、对于常用的功能，用户不需要阅读用户手册就能使用

　　二、一致性

　　1、是否符合广大用户使用同类软件的习惯

　　2、表现形式的一致性，字体、按钮、控件风格、颜色、术语、提示信息等。(需要有一个全局的概念，不要每个模块都按照他们自己的风格做，结果每个模块效果做出来都不一致，这也是至关重要的所有要测试人员认真检查)

　　3、交互习惯的一致性，查询、新增、编辑、删除等操作，并保证同一操作类型按钮名称一致。(顺序一致，页面位置也要尽量相同。)

　　4、当输入框为不可输入或控件为不可使用状态时，统一为灰色不可输入状态;

　　三、有序性

　　1、界面文字、表单、图标等元素根据业务规则、使用频率排列

　　2、Tab键的顺序与控件排列顺序要一致，目前流行总体从上到下，同时行间从左到右的方式

　　3、必填项提示信息按照从上到下，从左到右的提示方式依次提示

　　四、安全性

　　1、ID/密码验证方式中能否使用简单密码。如密码标准为6位以上，字母和数字混合，不能包含ID，连续的字母或数字不能超过n位

　　2、ID/密码验证方式中，连续数次输入错误密码后该账户是否被锁定

　　3、不登录系统，直接输入登录后的页面的url是否可以访问，(添加拦截器)

　　4、退出登录后按后退按钮能否访问之前的页面(确认在退出后他的session的信息被注销)

　　5、当用户无意录入无效和不符合相关规范的数据(如电子邮箱就需要验证他的邮箱格式是否正确)时，并且给予提示信息

　　6、在用户作出危险的选择时有信息进行提示，比如要删除系统的重要数据，或者这种操作可能对系统造成其他的影响。

　　7、对可能引起致命错误或系统出错的输入字符或动作要加限制或屏蔽

　　8、给用户提供UNDO功能用以撤销不期望的操作

　　9、输入的特殊字符是否能正确处理：`~!@#$%^&*()_+-={}[]|\:;"' <>,./?

　　五、灵活性

　　1、用户能自由的作出选择，且选择都是可逆的

　　2、用户方便的使用即互动多重性，不局限于单一的工具(包括鼠标、键盘或软键盘)

　　3、当页面数据暴涨，出现较长列表时，是否有滚动条保证页面显示完整的信息。

　　六、人性化

　　1、用户可依据自己的习惯定制界面，并能保存设置

　　2、提供常用的快捷方式

　　3、尽量减少用户输入动作的数量，加快输入的速度:例如,日期等可以提供默认显示当天日期并且可以进行清除和选择日期，下拉默认选中"请选择"，单选框默认选取使用频率最高的选项等

　　4、是否用合理的最少步骤实现常用的操作，获得高效率

　　5、是否提供进度条、动画等反映正在进行的比较耗时间的过程，(特别有的操作可能造成长时间等待，没有直观的呈现出现在的操作状态或相关的提示信息，容易让不熟悉系统的人误会系统出现了问题)

　　6、是否为重要的操作返回必要的结果信息如：成功，失败(失败的原因)，正在执行

　　7、重要的对象是否用醒目的色彩表示，

　　8、色彩使用是否符合行业的习惯，界面的色调是否让人感到和谐、满意

　　七、页面检查

　　1、界面布局有序，简洁，符合用户使用习惯

　　2、界面元素是否在水平或者垂直方向对齐

　　3、界面元素的尺寸是否合理

　　4、行列间距是否保持一致

　　5、是否恰当地利用窗体和控件的空白，以及分割线条

　　6、窗口切换、移动、改变大小时，界面显示是否正常

　　7、刷新后界面是否正常显示合理布局

　　8、不同分辨率页面布局显示是否合理，整齐，分辨率一般为1024*768 > 1280*1024 >800*600

　　9、不同的浏览器下渲染出来的页面是否存在变形的情况。

　　八、弹出窗口

　　1、弹出的窗口应垂直居中对齐

　　2、对于弹出窗口界面内容较多，须提供自动全屏功能

　　3、弹出窗口时应禁用主界面，保证用户使用的焦点

　　4、活动窗体是否能够被反显加亮

　　九、页面正确性

　　1、界面元素是否有错别字，或者措词含糊、逻辑混乱

　　2、当用户选中了页面中的一个复选框，之后回退一个页面，再前进一个页面，复选框是否还处于选中状态

　　3、导航显示正确

　　4、title显示正确

　　5、页面显示无乱码

　　6、需要必填的控件，有必填提醒，如 *

　　7、适时禁用功能按钮(如权限控制时无权限操作时按钮灰掉或不显示;无法输入的输入框disable掉)

　　8、页面无js错

　　9、鼠标无规则点击时是否会产生无法预料的结果

　　10、鼠标有多个形状时是否能够被窗体识别(如漏斗状时窗体不接受输入

　　十、控件检查

　　1、查询时默认显示全部

　　2、选择时默认显示请选择

　　3、禁用时样式置灰

　　十一、复选框

　　1、多个复选框可以被同时选中

　　2、多个复选框可以被部分选中

　　3、多个复选框可以都不被选中

　　4、逐一执行每个复选框的功能

　　5、当复选框太多时，提供全选和全不选的功能

　　十二、单选框

　　1、一组单选按钮不能同时选中，只能选中一个

　　2、一组执行同一功能的单选按钮在初始状态时必须有一个被默认选中，不能同时为空。