近年来由于传统网站在交互性和响应能力上的不足,使得其用户量逐渐流失。单一页面的web应用使用了异步调用的机制,可以改善用户访问网站时在流畅性和交互性上的体验,优化了浏览器和服务器之间的传输,减少了不必要的数据往返和带宽占用,因此正逐步成为主流。在所有实现异步调用机制的AJAX框架中,AngularJS是一套能让HTML标记动态化的新技术,已经被越来越多的开发者使用。然而异步调用机制的使用,会让应用的图形用户界面的测试工作变得更为复杂。传统网站的图形用户界面测试就存在着输入空间难以确定、自动化测试实现过程繁琐等问题,当引入了异步调用机制后,异步请求在响应时间上的不确定性又使得自动化测试变得更为困难。针对这些问题,本文利用Memon等人提出的OME*模式,对单一页面web应用图形用户界面的测试开展了以下一些工作。(1)研究和分析单一页面web应用和AngularJS,对国际标准化组织W3C下的相关标准进行了描述和分析,找出了能支持本文自动化测试的部分标准。(2)研究和分析事件流图和OME*模式的三大阶段,对比了窗口应用和web应用在GUI状态上的差别,整理了在基于AngularJS的SPA上使用OME*模式时会遇到的挑战(3)研究和分析OME*模式中容器与组件的签名机制,以及该机制在SPA的缺陷,提出了适用于SPA的签名机制,即视图和元素的签名方法。(4)总结OME*模式中获取事件流图中点的方法,以及其他学者在AJAX应用中为GUI建立模型的方法,结合两者提出了获取SPA对应的事件流图中点的方法。(5)通过研究OME*模式中构建事件流图中边的方法,以及该方法在web应用中的不适应性,提出了在SPA中构建事件流图边的方法。(6)研究和分析AngularJS框架的特性及其测试工具,分析了它如何解决异步调用的自动化测试问题,并利用这些工具完成了实验,佐证了本文提出的自动化测试模式的优势。