WEB-UI自动化测试实践

一、设计背景

随着IT行业的发展，产品愈渐复杂，web端业务及流程更加繁琐，目前UI测试仅是针对单一页面，操作量大。为了满足多页面功能及流程的需求及节省工时，设计了这款UI 自动化测试程序。旨在提供接口，集成到蜗牛自动化测试框架，方便用例的设计。

整个程序是基于 selenium 设计的。程序对 selenium 提供的接口进行了二次封装以满足日常的用例设计，二次封装后的接口解决了元素加载，元素定位解析等问题，可以让用例设计变得更加简捷。

之所以采用 Selenium 的模式。原因一，对于用户来说这是一个开源框架，很想窥探一二; 原因二，Selenium 可无缝接入。这是一个用于Web应用程序测试的工具，支持多平台、多浏览器、多语言去实现自动化测试，Selenium2将浏览器原生的API封装成WebDriver API，可以直接操作浏览器页面里的元素，甚至操作浏览器本身（截屏，窗口大小，启动，关闭之类的）,所以就像真正的用户在操作一样。

目前支持：Mac、Windows操作系统，chrome、Firefox、IE浏览器。

二、工作原理

• 在蜗牛管理后台添加测试用例。
• 蜗牛管理后台测试用例执行调用任务执行接口，传送任务id及测试数据的JSON格式字符串给程序。
• 程序根据获取数据，解析并处理。
• 启动浏览器后，selenium-webdriver会将目标浏览器绑定到特定的端口，启动后的浏览器则作为webdriver的server。
• 客户端(也就是测试脚本)，借助ComandExecutor发送HTTP请求给server端（通信协议：The WebDriver Wire Protocol，在HTTP request的body中，会以WebDriver Wire协议规定的JSON格式的字符串来告诉Selenium，我们希望浏览器接下来做什么事情）。
• Server端需要依赖原生的浏览器组件，转化Web Service的命令为浏览器native的调用来完成操作。
• 最后将处理结果及任务id通过JSON字符串的格式返回给蜗牛，通过蜗牛的管理后台可查看每条用例执行结果。

三、框架介绍

3.1 工程结构