WEB测试---UI 测试要点

UI 测试要点
用户界面一般是由窗体及其内部控件组成。因此，界面测试主要从窗体及窗体中的控件两方面来考虑。
一个窗体一般由标题栏、菜单栏、工具栏、状态栏及内部控件组成，因此为主要测试目标

1、窗体的测试

(1) 窗体的大小
窗体的大小要合适，使内部控件布局合理，不过于密集，也不过于空旷。
(2) 窗体的位置。
对于主窗体，显示屏正中，对于子窗体，一般应在父窗体显示区的中间。
(3) 移动窗体
快速或慢速移动窗体，背景及窗体本身刷新必须正确。
(4) 缩放窗体
① 鼠标拖动
对于固定大小的窗体，鼠标拖动不能缩放其大小。
对于能用鼠标拖动缩放大小的窗体，放大或缩小窗体后其内容也应做相应调整。
② 单击‘最大化’ 按钮。窗体被最大化，内部控件大小或位置也应做相应调整。
③ 单击‘还原’ 按钮。应还原到窗体最初默认的大小。
④ 单击‘最小化’ 按钮。对于主窗体，应最小化到系统状态栏的左下角，并依次排列；对于窗体中的子窗
体，应最小化到父窗体容器的左下角，并依次排列。
(5) 显示分辨率。
通常情况下，计算机的显示分辨率包括 800×600、 1024×768、 1280×1024 等等。
【注意】由于程序员在编程时，可能使用了固定的控件大小和位置，不能随分辨率的改变而变化，因此，在分
辨率为 1024×768 下开发的程序在分辨率为 800×600 时，会出现显示内容被裁切的情况。
(6) 宽屏和普屏。
宽屏和普屏的显示器，界面显示效果可能不一样。

2、标题栏的测试

(1) 不同窗体的图标要易于分辨
① 父窗体的标题图标；
② 子窗体的标题图标；
③ 提示信息窗体的标题图标；
④ 警告信息窗体的标题图标；
⑤ 错误信息窗体的标题图标；
(2) 标题内容
①标题的内容要简明扼要，且不能有错别字。
② 父窗体的标题内容；
③ 子窗体的标题内容；
④ 提示信息窗体的标题内容；
⑤ 警告信息窗体的标题内容；
⑥ 错误信息窗体的标题内容；

3、菜单栏的测试

1）菜单深度最好不超过 3 层；
2）菜单通常使用 5 号字体。3）菜单前的图标不宜太大，与字高保持一致最好。
4）各项菜单是否能完成相应功能？
5）各菜单与其完成的功能是否一致？
6）有无错别字？
7）有无中英文混合？
8）快捷键或热键
① 是否有效？
② 是否重复？
9）鼠标右键菜单；
10）不可用菜单是否真的不可用？（这在不同权限下会出现。）

4、工具栏的测试

1）工具栏中通常使用 5 号字体，工具栏一般比菜单栏略宽。
2）相近功能的工具栏放在一起。
3）工具栏的按钮要有即时提示信息，图标要能直观的表达要完成的操作。
4）一条工具栏的长度最长不能超过屏幕宽度。
5）系统常用的工具栏设置默认放置位置。
6）工具栏太多时可以考虑使用工具箱，由用户根据自己的需求定制。

5、状态栏的测试

1）显示用户切实需要的信息
① 目前的操作
② 系统的状态
③ 当前位置
④ 时间
⑤ 用户信息
⑥ 提示信息
⑦ 错误信息
⑧ 如果某一操作需要的时间比较长，还应该显示进度条和进程提示。
2）状态条的高度以放置 5 号字为宜。

6、控件的测试

（1）控件自身的测试
1 控件本身的大小
2 控件本身的位置
3 控件字体
4 字体的大小、半角、全角
5 错别字、中英混合

7、文本框

1 作用：接受用户输入的数据或显示数据。
2 状态：可编辑（正在编辑、未编辑）、不可编辑。
3 测试点：
7.1 根据文本框作用：
输入数据的内容
（如输入空格或与已存在内容相冲突的数据等）输入数据的长度
（如只能输入 8 位，分别输入 7、 8、 9 位数据进行测试）
输入数据的类型
（如只能输入数字，分别输入汉字、字母、特殊符号等）
输入数据的格式
（如‘yyyy/mm/dd’ ）
7.2 显示数据
● 显示内容是否正确？
● 内容太长，文本框不能完全显示时，是否有未完全显
示的提示？如加‘…’
● 显示内容格式是否正确？
7.3 根据文本框状态
可编辑文本框与不可编辑文本框是否易于区分？（一般将不可编辑文本框置灰）
光标选中的可编辑文本框是否有明显显示？（如文本框底色由白色变为蓝色）
【注意】对于在文本框中输入的错误数据，程序一般有以下 3 种处理方式：
● 不允许输入，没有任何提示。
● 输入后立即给出提示要求重新输入。
● 单击窗体中的‘确定’ 或‘保存’ 或‘提交’ 按钮以后，程序再检验数据的正确性，不正确就给出提示
要求重新输入。在设计文档中没有特别注明需采用哪种处理方式时，无论哪种方式，只要能正确验证数据就
可以。
4 举例说明：略

8、 Up-down 控件文本框

1 作用：通过控件的上下箭头，选择不同的值。
2 状态：可用、不可用。
3 测试点：
3.1 直接输入或上下箭头选择；
3.2 边界值
3.3 默认值
3.4 输入非法数据
3.5 若该控件不可用，是否有标识？且是否真的不可用？
4 举例说明：略

9、组合列表框（下拉列表框）

1 作用：下拉列表中显示一组数据，选中某一条数据，该数据就返回到框中。
2 状态：可用、不可用。
3 测试点：
3.1 条目内容是否正确？（根据需求说明书确定其内容）
3.2 条目功能是否实现？（有些程序要求在获得条目内容的同时，获得该条目对应的编号，但是编号在窗
体上不显示，此时就要在数据库中查看结果是否正确？）
3.3 是否能输入数据？（一般程序不允许输入数据。）
3.4 若该控件不可用，是否有标识？且是否真的不可用？
4 举例说明：略

10、列表框

1 作用：列表框中显示一组数据，选中某一条/或某几条数据，程
序进行某种处理。2 状态：可用、不可用。
3 测试点：
3.1 条目内容是否正确？（根据需求说明书确定其内容）
3.2 条目功能是否实现？
3.3 滚动条是否可以滚动？（针对列表框内容较多时）
3.4 条目内容宽度超过列表框的宽度时，鼠标指针位于该条目
时是否可以完整显示？
3.5 是否允许多选？（若允许，要分别检查按 Shift 选中、按
Ctrl 选中条目和直接用鼠标选中多项条目时的情况。）
3.6 若该控件不可用，是否有标识？且是否真的不可用？
4 举例说明：略

11、命令按钮

1 作用：实现规定的功能。
2 状态：可用、不可用。
3 测试点：
3.1 可操作按钮功能是否实现？
3.2 对可能造成数据无法恢复的操作是否提供确认信息？（如
删除等操作）
3.3 对不符合业务要求的输入数据是否有相应的处理方法？
3.4 对非法的输入或操作是否给出足够的提示说明，让用户明白错误出处？
3.5 若该按钮不可用，是否有标识？且是否真的不可用？
4 举例说明：略

12、单选按钮（单选框）

1 作用：同一组中只能选择一个。
2 状态：可选（被选中、不被选中）、不可选。
3 测试点：
3.1 同一组中，是否只能选中一个？
3.2 各项功能是否能正确完成？
3.3 是否有默认被选中的选项？
3.4 可选和不可选项是否易于区分？（一般将不可选项置灰）
3.5 不可选项是否限制不能被选中？
4 举例说明：
如性别组的单选按钮，可选项包括：男、女、未说明，默认为男。

13、复选框

1 作用：可同时选中多项。
2 状态：可选（选中、未被选中）、不可选。
3 测试点：
3.1 是否可以同时全部选中？
3.2 是否可以同时部分选中？
3.3 是否可以都不选中？
3.4 各种选中情况下功能的实现？
3.5 是否有默认被选中的选项？
3.6 可选和不可选项是否易于区分？（一般将不可选项置灰）
3.7 不可选项是否限制不能被选中？
4 举例说明：略。

14、滚动条

1 作用：在较多内容情况下，可以通过拖动显示内容。2 测试点：
2.1 是否能被拖动？
2.2 拖动滚动条时，屏幕的刷新情况？（是否能及时刷新？是
否有乱码？）
2.3 拖动滚动条时，信息的显示情况？
2.4 滚动条的上下按钮是否可用？
2.5 滚动条的大小是否会根据显示信息的长、宽度及时变换？
2.6 滚动条的位置是否能根据选中内容的位置及时移动？
2.7 是否能用鼠标滚轮控制滚动条？
3 举例说明：略