一、项目介绍

二、整体架构

Chrome Extension：Chrome 拓展程序是一个用 Web 技术开发增强浏览器功能的软件，由 HTML、CSS、Javascript、图片等静态资源组成打包的一个 .crx 后缀的压缩包。UIRecorder 主要利用了 Chrome Extension 实现事件驱动、DOM 捕捉的能力。

Selenium：Selenium 是一款主流的 Web UI 测试框架，是一款用于运行端到端功能测试的工具，且得到了各大浏览器厂商的支持。UIRecorder 主要利用其 WebDriver 服务能力实现端到端功能测试，并且 Selenium 支持各大主流浏览器，因此可以利用 Selenium 进行多浏览器兼容测试。

四、核心能力

DOM 捕捉：录制过程中记录的元素信息，Chrome Extension 基于 Javascript 的 DOM 实现，记录的信息主要包括 DOM 节点的标签（tag）、属性（attribute）、文本内容（text）、值（value）等。

生成脚本：Node Process 利用 Chrome Extension 传输的相关指令、数据，结合配置好的录制脚本模版，生成对应的测试用例脚本。

多浏览器兼容：Selenium 的 WebDriver 服务支持各大主流浏览器，包括 Chrome、Firefox、IE 等，采用 Selenium 进行回归测试时，可同时测试多浏览器兼容性。

报告器：执行库返回的执行结果，可经过报告器进行数据提炼，多维度展示。