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 举例说明： 略

• 15、 各种控件混合使用时的测试

1 控件间的相互作用。

2 Tab 键的顺序。 （一般是从上到下， 从左到右。 ）

3 热键的使用。

4 Enter 键和 ESC 键的使用。

5 控件组合后功能的实现。

【注意】 测试过程中， 应遵循由简到繁的原则， 先进行单个控件功能的测试，

确保实现无误后， 再进行多个控件的功能组合的测试。