基于Web应用系统的GUI测试

第２３卷第２期　四川理工学院学报（自然科学版）　Ｖ０ｌ＿２３　Ｎｏ．２　２０１０年４月　Ｊｏｕｒｎａｌ　ｏｆ　Ｓｉｃｈｕａｎ　Ｕｎｉｖｅｒｓｉｔｙ　ｏｆ　Ｓｃｉｅｎｃｅ＆Ｅｎｇｉｎｅｅｒｉｎｇ（Ｎａｔｕｒａｌ　Ｓｃｉｅｎｃｅ　Ｅｄｉｔｉｏｎ）　Ａｐｒ．２０１０　文章编号：１６７３－１５４９（２０１０）０２－０１６８－０３　基于Ｗｅｂ应用系统的Ｇ　Ｕ　Ｉ测试　罗杰红，郭卫霞　（广东纺织职业技术学院信息工程系，广东佛山５２８０４１）　摘要：软件测试是软件开发的重要环节，Ｗｅｂ应用系统的ＧＵＩ测试是一项复杂而烦琐的工作。本　文阐述了ＧＵＩ测试的概念，提出了Ｗｅｂ应用系统的ＧＵＩ测试的一般流程及测试指南，同时给出了Ｗｅｂ　应用系统ＧＵＩ测试的主要方法。　关键词：ＧＵＩ；软件测试；手工测试；自动化测试　中图分类号：ＴＰ３１１　文献标识码：Ａ　引　言　有非常重要的地位，ＧＵＩ测试不容忽略　。　软件测试是使用人工或自动手段检验软件是否满　ｌ基于Ｗｅｂ的ＧＵＩ测试　足规定的需求，是对软件需求分析、设计规格说明和编　ＧＵＩ亦称ＷＩＭＰ界面，即窗口（Ｗｉｎｄｏｗｓ）、图标（Ｉ—　码的最终复审。软件测试是软件开发的重要环节，也是　ｃｏｎｓ）、菜单（Ｍｅｎｕｓ）、指示器（ＰｏｉｎｔｉｎｇＤｅｖｉｃｅ）四位一体，　保证软件质量的重要手段０　。　形成桌面（Ｄｅｓｋｔｏｐ）。ＧＵＩ测试，顾名思义是对图形用户　随着Ｉｎｔｅｒｎｅｔ和Ｉｎｔｒａｎｅｔ／Ｅｘｔｒａｎｅｔ的快速增长，Ｗｅｂ　界面进行测试。一般来说当一个软件产品完成ＧＵＩ设　已经对商业、工业、银行、财政、教育、政府和娱乐及我们　计后，它的外观架构和ＧＵＩ元素基本就确定了。进入开　的工作和生活产生了深远的影响。现在基于Ｂ／Ｓ结构　发测试阶段后，软件开发工程师和测试工程师也都要通　的大型应用系统越来越多，在系统的开发中，如果缺乏　过对ＧＵＩ的操作来调测和验证局部的或全局的软件功　严格的测试过程，在开发、发布、实施和维护Ｗｅｂ应用系　能。而在这过程中，工程师们会对软件的某些ＧＵＩ重复　统的过程中，可能就会遇到一些严重的问题，导致系统　开发失败。因此，在Ｗｅｂ应用系统正式发布之前，必须　不断地操作以验证某些功能本身的正确性以及对其他　进行有用的、反复的测试，严格测试对执行及维护建立　相关功能是否造成错误的影响。　客户信心的稳定型应用系统是至关重要的一。　基于Ｗｅｂ的应用系统的ＧＵＩ测试与传统的软件　ＧＵＩ（Ｇｒａｐｈｉｃｓ　Ｕｓｅｒ　Ｉｎｔｅｒｆａｃｅ）即图形用户界面，因为　ＧＵＩ测试既有共性，也有特性，对软件测试提出了更高　ＧＵＩ开发环境有可复用的构件，开发用户界面更加省时　的要求，其测试不但需要检查和验证是否按照设计的　而且更加精确。同时，ＧＵＩ的复杂性也增加了，从而加　要求运行，而且要评价系统在不同用户的浏览器端的　大了设计和执行测试用例的难度　。　显示是否合适，还要从最终用户的角度进行可用性测　基于Ｗｅｂ的应用系统一般是基于ＧＵＩ界面，它以　试。　浏览器作为浏览网页的工具，大多数用户都不是专业人　２基于Ｗｅｂ的ＧＵＩ测试的实施流程　员，那么验证应用系统是否易于使用就非常重要。大部　分Ｗｅｂ应用系统都有必不可少的人机交互界面，而且它　为了保证ＷＥＢ的ＧＵＩ测试取得理想的测试效果，　的功能也基本上是通过人机交互操作来体现和完成的，　ＧＵＩ测试也应该遵循软件测试的一般规范，ＧＵＩ测试的　所以可以说软件产品的ＧＵＩ测试在整个产品测试中占　一般流程见图１。　收稿日期：２０１０－０１－０５　作者简介：罗杰红（１９６９．），女，广东兴宁人，副教授，硕士，主要从事软件开发及软件测试方面的研究。　

第２３卷第２期　罗杰红等：基于Ｗｅｂ应用系统的ＧＵＩ测试　１６９　软件需求说明匕　软件测试文档匕　软件结果文档匕　结论　软　软　软　软　件　件　件　件　测　测　测　测　测　试　试　试　试　试　用　过　策　大　｝ｔ　例　程　略　纲　划　设　计‘　图１　ＧＵＩ测试的实施流程　３　Ｗｅｂ应用系统ＧＵ１测试的主要范例与常　见问题　３．１　Ｗｅｂ应用系统ＧＵＩ测试的主要范例　对于一个基于ＷＥＢ的软件产品的评估，用户往往　非常关注其交互能力、稳定性、健壮性等，况且现在的软　件产品越来越复杂，包括大量的用户界面，每个ＧＵＩ界　面里又有很多的控制对象，以及各种信息的交互，导致　设计和执行测试用例的难度加大，因此，为了降低测试　难度，在测试中需要不断形成测试规范。现在ＧＵＩ设计　和实现越来越类似，所以产生了一系列的测试标准。常　见ＧＵＩ测试范例见表１。　表１　ＧＵｌ测试的主要范例　测试项　测试内容　在多窗口状况下，检查这些窗１：３具有相同的外观及感　觉。　窗口　窗口大小是否可调整、同时可开启多个窗口。　检查窗１：３上未定义重复的快速键　使用了正确的格式屏蔽。例如，应该正确排序所有下拉　方块，也应正确格式化日期项目。　色彩、字型及字型宽度符合字段提示及显示文字的标准　．。．、　字段提示及字段背景的色彩符合只读模式的标准　麦　窗口上的各种控件都已正确对齐　检查所有窗口中所显示文字的拼字，如窗［】标题、状态　列选项、字段提示、快显画面及错误讯息。　所有字符或英文字段是向左对齐，数字字段是向右对　齐　浏览每个工具列及菜单项目　垂直滚动条或水平滚动条在所需时才显示　所有快捷键已定义并正常工作　如果有默认值，请检查预设显示。　检查定位点顺序。它应该从左上角至右下角；同时，在　ＴＡＢ顺序中应避免只读／已停用字段；检查ＡＬＴ＋ＴＡＢ　的功能为正常。　操作　检查光标在窗［＿＝Ｉ开启时定位在第一个输入字段上　如果预设按钮指定，请确定它能正常使用。　确定每个菜单指令拥有其它快速键，快速键并能正常使　用　确认每个控件的操作，如按钮、选项按钮、清单方块，等　等。　检查以确定指令按钮在未使用时呈灰色　３．２　Ｗｅｂ应用系统ＧＵＩ测试的常见问题　随着计算机和网络的不断普及，社会信息化程度日　益加深，用户和市场的不断成熟，人们已经不仅仅满足　于“够用”，而是更加强调“好用”、“易用”；设计Ｗｅｂ应　用系统时尽量避免设计上存在的一些问题，使Ｗｅｂ应用　系统的ＧＵＩ上一个层次。表２列出了Ｗｅｂ应用系统　ＧＵＩ测试的常见问题。　表２　ＧＵＩ测试的常见问题　测试项　测试内容　窗口　釜　ｕ　将复选框用作单选按钮、在非开／关设置中使用复选框　无初始值的多选一设置　用文本框显示只读数据　．。．　单选按钮之间间隔太大　麦　。。。　显示对用户无意义的错误提示、无意义的虚假进度条　属性标记对齐方式不一致　不同的类型页面窗口显示相同的标题、窗口的标题和调　用的命令不一致　相似的功能却有不一致的用户操作界面　不考虑用户可能的人为的错误输入　同一页面包含重复功能的链接或按钮　当前无效的控件不充分置灰　要求用户输入随机数　坦作　取消按钮无法真正取消操作、返回按钮不能达到预期的　目的　使用容易被忽略的隐藏的图片链接　需要向下滚动才能看到当前页的重要信息　图片按钮对鼠标按下操作没有视觉变化　执行长时间的任务时鼠标指针不显示成忙状态　４测试方法　４．１手工测试方法　手工测试（Ｍａｎｕａｌ　Ｔｅｓｔｉｎｇ）是依靠人力来查找Ｂｕｇ，　也可以根据对实现技术及经验等进行不同的测试。　ＧＵＩ测试是通过输入不同的数据序列后得到的应　用的反馈来检测该应用程序是否具有完备的功能性，手　工测试方法是按照设计和生成测试用例，靠人手工敲键　盘输入进行测试，然后根据实际的结果与预期的结果相　比较。但是现在的软件产品功能越来越复杂、越来越完　善，而且软件的界面非常丰富，每个界面里又有相当的　对象元素，所以完全依靠手工测试方法是难以达到Ｗｅｂ　应用系统ＧＵＩ测试的目标。　４．２自动化测试方法　随着软件技术的发展，手工测试已不能满足软件测试　的要求，软件测试的自动化是软件测试的发展趋势　。　自动化测试与软件开发过程基本类似，是自动化测　试工具（相当于软件开发工具），经过对测试需求的分析　（软件过程中的需求分析），设计出自动化测试用例（软　

１７Ｏ　四川理工学院学报（自然科学版）　２０１０年４月　件过程中的需求规格），从而搭建自动化测试的框架（软　件过程中的概要设计），设计与编写自动化脚本（详细设　计与编码），测试脚本的正确性，从而完成该套测试脚本　（即主要功能为测试的应用软件）。Ｗｅｂ应用系统ＧＵＩ　自动化测试的引入，大大提高了测试的效率和准确性，　测试专业人员一次设计的脚本，可以在软件生命周期的　图２　ＧＵＩ测试步骤　各个阶段重复使用。　第５步，在回归测试中运行测试：在对应用程序的　回归测试中，通过ＱｕｉｃｋＴｅｓｔ回放对应用程序的操作，检　５　自动化测试工具　５．１选择自动化测试工具的要求　基于Ｗｅｂ应用系统的ＧＵＩ自动化测试工具能够自动　验软件正确性，实现测试的自动化进行。　第６步，分析结果，报告问题：查看ＱｕｉｃｋＴｅｓｔ记录　的运行结果，记录问题，报告测试结果。　对应用程序进行常规测试操作，测试工具的要求见表３。　５．２自动化测试工具的应用　６结束语　随着全面质量管理思想在软件开发领域的应用和　基于ＧＵＩ的自动化测试工具的基本原理是先“录　制”（ｒｅｃｏＦｄ）脚本，然后再“回放”　。目前基于Ｗｅｂ应　用系统的ＧＵＩ自动化测试工具的品种很多，ＱｕｉｃｋＴｅｓｔ针　不断向前推进，软件测试也由最初的仅仅针对软件成品　扩展到了针对软件半成品甚至过程产品的全过程测试，　这是对软件测试的一种必然扩充。Ｗｅｂ应用程序测试　也会随着这一思想，不断地扩展到Ｗｅｂ程序设计的各个　生命周期中，使Ｗｅｂ应用系统取得更高的质量，这是我　们以后需要进一步研究的内容。　参考文献：　对的是ＧＵＩ应用程序，包括传统的Ｗｉｎｄｏｗｓ应用程序，　以及现在越来越流行的Ｗｅｂ应用系统。使用ＱｕｉｃｋＴｅｓｔ　进行测试的过程包括６个主要步骤，如图２所示。　第１步，准备录制：打开要对其进行测试的应用程序，　并检查ＱｕｉｃｋＴｅｓｔ中的各项设置是否适合当前的要求。　表３测试工具的要求　测试项　测试内容　［１】刘伟，谭振江．针对面向对象软件的测试［Ｊ］．吉林师　范大学学报：自然科学版，２０ｏ９，３０（４）：９７Ｊ９９．　［２］隋颖，于秀山，杨豹．０５Ｉ软件测试文档辅助工具的设计　与实现［Ｊ］．计算机技术与发展２０ｏ９，１９（１２）：１４６－１４９．　［３］罗杰红．基于图形用户界面的软件测试技术［Ｊ］．河南科　窗口操作　鼠标操作　键盘操作　低级操作　激活窗口、移动窗口、改变窗口大小、滚动窗口、关闭窗口　Ｃｌｉｃｋ、Ｄｒａｇ动作（包括与Ａｈ、Ｃｔｒｌ、Ｓｈｉｆｔ键的组合动作）　字符输入（支持汉字输入）、按键输入（如：、等）　键盘与鼠标设备层事件的记录和回放　系统操作　设定播放速度、延时、等待、日志、跟踪等功能　文件操作　创建目录、文件复制／删除、文件读写等操作　技大学学报：自然科学￣２００４２５（３）５６—５９．　［４］李峻，袁兆山．基于成对测试的ＧＵＩ测试用例生成方　案及实现［Ｊ］＿合肥工业大学学报：自然科学版，２００９，３２　（１　１）：１７１９—１７２２．　第２步，进行录制：打开ＱｕｉｃｋＴｅｓｔ的录制功能，按　测试用例中的描述，操作被测试应用程序。　第３步，编辑测试脚本：在录制测试的过程中，或录制　结束后，向测试脚本中添加检测点。通过加入检测点、参　数化测试，以及添加分支、循环等控制语句，来增强测试脚　本的功能，使将来的回归测试真正能够自动化。　［５］孙惠杰，杨晓红．软件测试的自动４Ｊｓ［Ｊ］．哈尔滨师范大　学学报：自然科学）￣２００３，１９（５）：４７－４９．　［６］曹晓勇．软件测试工具的分类和使用［Ｊ］．信息系统工　程２００９，（９１　１—８４．　第４步，调试脚本：通过调试脚本，检查脚本是否存　在错误　ＧＵＩ　Ｔｅｓｔｉｎｇ　Ｂａｓｅｄ　ｏｎ　Ｗｅｂ　Ａｐｐｌｉｃａｔｉｏｎ　Ｓｙｓｔｅｍ　ＬＵＯ　Ｊｉｅ—ｈｏｎｇ，ＧＵＯ　Ｗｅｉ—ｘｉａ　（Ｄｅｐａｒｔｍｅｎｔ　ｏｆ　Ｉｎｆｏｒｍａｔｉｏｎ，Ｇｕａｎｇｄｏｎｇ　Ｔｅｘｔｉｌｅ　Ｐｏｌｙｔｅｃｈｎｉｃ　Ｉｎｓｔｉｔｕｔｅ，Ｆｏｓｈａｎ　５２８０４　１，Ｃｈｉｎａ）　Ａｂｓｔｒａｃｔ：Ｓｏｆｔｗａｒｅ　ｔｅｓｔｉｎｇ　ｉｓ　ａｎ　ｉｍｐｏｒｔａｎｔ　ｐｒｏｃｅｓｓ　ｉｎ　ｔｈｅ　ｓｏｆｔｗａｒｅ　ｄｅｖｅｌｏｐｉｎｇ．Ｓｏ，ＧＵＩ　ｔｅｓｔｉｎｇ　ｂａｓｅｄ　ｏｎ　Ｗｅｂ　ａｐｐｌｉｃａｔｉｏｎ　ｓｙｓｔｅｍ　ｉｓ　ａ　ｃｏｍｐｌｅｘ　ａｎｄ　ａｎｎｏｙｉｎｇ　ｗｏｒｋ．Ａｆｔｅｒ　ｉｎｔｒｏｄｕｃｉｎｇ　ｔｈｅ　ｃｏｎｃｅｐｔｓ　ｏｆ　ＧＵＩ　ｔｅｓｔｉｎｇ，ｔｈｅ　ｏｒｄｉｎａｒｙ　ｆｌｏｗ　ａｎｄ　ｔｈｅ　ｇｕｉｄｅ　ｏｆ　ＧＵＩ　ｔｅｓｔｉｎｇ　ｂａｓｅｄ　ｏｎ　Ｗｅｂ　ａｐｐｌｉｃａｔｉｏｎ　ｓｙｓｔｅｍ　ａｒｅ　ｐｕｔ　ｆｏｒｗａｒｄ，ｍｅａｎｗｈｉｌｅ，ｔｈｅ　ｍａｉｎ　ｍｅｔｈｏｄｓ　ｏｆ　ＧＵＩ　ｔｅｓｔｉｎｇ　ａｒｅ　ｄｅｓｃｒｉｂｅｄ．　Ｋｅｙ　ｗｏｒｄｓ：ＧＵＩ；ｓｏｆｔｗａｒｅ　ｔｅｓｔｉｎｇ；ｍａｎｕａｌ　ｔｅｓｔｉｎｇ；ａｕｔｏｍａｔｅｄ　ｔｅｓｔｉｎｇ