WEB测试---UI 测试要点

ぐ巨炮叔叔 提交于 2019-11-28 15:12:18

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 控件组合后功能的实现。
【注意】 测试过程中, 应遵循由简到繁的原则, 先进行单个控件功能的测试,
确保实现无误后, 再进行多个控件的功能组合的测试。

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!