https://github.com/alibaba/f2etest

F2etest是一个面向前端、测试、产品等岗位的多浏览器兼容性测试整体解决方案。
https://github.com/alibaba/f2etest

autotest autotest-framework f2etest guacamole gui-testing karma-f2etest webdriver

Last synced: 19 days ago
JSON representation

F2etest是一个面向前端、测试、产品等岗位的多浏览器兼容性测试整体解决方案。

• Host: GitHub
• URL: https://github.com/alibaba/f2etest
• Owner: alibaba
• License: mit
• Created: 2015-09-02T01:43:07.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2023-03-06T15:32:34.000Z (over 1 year ago)
• Last Synced: 2024-05-21T04:57:10.590Z (6 months ago)
• Topics: autotest, autotest-framework, f2etest, guacamole, gui-testing, karma-f2etest, webdriver
• Language: JavaScript
• Homepage: https://www.f2etest.net
• Size: 92.2 MB
• Stars: 3,558
• Watchers: 235
• Forks: 614
• Open Issues: 14
• Metadata Files:
  • Readme: README-zh_CN.md
  • License: LICENSE.md

Awesome Lists containing this project

• awesome-github-star - f2etest

README

        
# F2etest

![](https://img.alicdn.com/tfs/TB1XMsiMNTpK1RjSZFKXXa2wXXa-1280-800.svg)

F2etest 是一个面向前端、测试、产品等岗位的多浏览器兼容性测试整体解决方案。

注：F2e test = Front to End Test = 前端测试

# 浏览器云

在之前，多浏览器兼容性人肉测试，我们一般有三种解决方案：

1. 本机安装大量的虚拟机，一个浏览器一个虚拟机，优点：真实，缺点：消耗硬盘资源，消耗 CPU 资源，打开慢，无法同时打开多个虚拟机

2. 使用 IeTester 等模拟软件，优点：体积小，资源消耗小，缺点：不真实，很多特性不能代表真实浏览器

3. 公用机器提供多种浏览器，优点：不需要本地安装，不消耗本机资源，缺点：资源利用率低，整体资源消耗非常恐怖

现在，有了 F2etest，一台普通的 4 核 CPU 的服务器，我们就可以提供给 20 人以上同时使用。

在这之前我们需要 20 台机器，相比之下，至少 10 倍的硬件利用率提升。

再加上我们平时做多浏览器测试时，并不是满负荷工作。经常是测试一会，开发一会，或者是忙点别的事，因此理论并发能力至少可以再乘 2，就是说一台 4 核服务器，理论上跑 40 人同时在线，非常轻松。

但是在此之前，如果我们是单人虚拟机模式的话，当你没在测试时，CPU、内存、硬盘，全部都是处在浪费状态。

相比之前的方案，我们有以下优势：

1. 10 倍以上硬件利用率，降低企业运营成本

2. 非常棒的用户体验，极大的提高测试效率

3. 真实浏览器环境，还原真实测试场景

在这个解决方案中，我们使用了以下技术：

1. Guacamole: 开源的 HTML5 远程解决方案

2. Windows Server: Server 版 Windows，最大化复用机器资源

3. hostsShare: 跨浏览器，跨服务器的 hosts 共享

# WebDriver 云

WebDriver 云利用 Windows Server 多用户的特性，将执行机的使用效率提升 10 倍以上。

之前 1 台执行机只能跑 1 个任务，现在同样的硬件配置，我们可以跑 10 个任务。

下面的截图看上去有 130 个执行机节点，传统情况下我们需要 130 台服务器。

但是我们实际上才 5 台！

相比较官方的 Selenium Grid，我们有以下优势：

1. 10 倍以上硬件利用率：传统 WebDriver 1 台执行机仅能跑 1 个 Job，而我们一台机器可以高并发跑 N 个 Job，这个 N 取决于机器配置，理论上硬件利用率相当于传统节点的 10 倍以上

2. 支持独立 hosts 绑定：每次申请节点时，可以指定不同的 hosts 绑定，保证同一台机器上不同节点的 Job 不会相互干扰

3. 所有节点支持远程在线调试：利用 Guacamole 的在线远程功能，当自动化出现问题时，我们能非常便利的对自动化进展进行即时监控和调试

# UI Recorder

UI Recorder 是一款几乎零成本的整体自动化测试解决方案，一次自测等于多次测试，测一个浏览器等于测多个浏览器！

我们的目标：让自测不要重复测！让自动化变成零成本！让自动化持续保障您的业务！

以下是本产品的特点：

1. 自测 = 自动化测试：对于开发人员来讲，自测是开发流程中缺一不可的过程，我们要实现的目标就是自测过程中即可同步的录制出自动化脚本，实现真正的零成本自动化

2. 无干扰录制：所作操作均无需交互干扰，鼠标、键盘、alert 弹框、文件上传，完全按照正常自测流程操作即可(以下操作除外：悬停事件、断言、变量)

3. 本地生成脚本：录制的脚本存储在用户本机，用户可以自行在录制的基础上进行修改定制，更自由更开放

4. 丰富的断言：支持以下断言类型，val、text、displayed、enabled、selected、attr、css、url、title、cookie、localStorage、sessionStorage

5. 支持数据 Mock：我们支持 Faker 变量功能，支持强大的数据 Mock

6. 支持公共用例: 用例之间允许相互引用，可以将某些公用的操作步骤录制为公用用例，以进一步提升录制效率

7. 支持执行截图：每次执行后，允许生成截图日志，以方便出问题时排查诊断

要了解详细细节，可以查看我们的视频教程：[http://v.youku.com/v_show/id_XMTY4NTk5NjI4MA==.html](http://v.youku.com/v_show/id_XMTY4NTk5NjI4MA==.html)

UI Recorder 目前已经对 F2etest 进行了解偶，在非 F2etest 环境下也可以使用，只要是标准 WebDriver 协议就可以支持。

但是，我们更建议 UI Recorder 配合 F2etest 的 WebDriver 云来使用，更低的执行机成本，更强大的调试功能。

具体如何配合使用，F2etest 部署完成，打开 F2etest-Web 后，可以看到详细使用说明。

仓库地址： [https://github.com/alibaba/uirecorder](https://github.com/alibaba/uirecorder)

# Karma + F2etest

Karma 是由 Google 开源的 JS 单元测试执行过程管理工具，这是一款异常强大并且高可扩展性的测试工具，拥有一个非常活跃且完善的生态圈。

Karma 支持运行在任何 WebDriver 协议的浏览器上，因此结合 F2etest 提供的 WebDriver 云，就可以批量快速的运行在大量的浏览器上，从而满足单元测试的多浏览器测试需求。

具体如何配置，F2etest-Web 中可以看到详细的教程，并且我们提供了完整的配置文件下载。

# 成功案例

[![imgs/alibaba.png](https://raw.githubusercontent.com/alibaba/f2etest/master/imgs/alibaba.png)](http://www.alibabagroup.com/)

如果您使用了我们的解决方案，请联系我们添加在此处。

# 产品截图

## 浏览器云

![imgs/screenshot1.jpg](https://raw.githubusercontent.com/alibaba/f2etest/master/imgs/screenshot1.jpg)

![imgs/screenshot2.jpg](https://raw.githubusercontent.com/alibaba/f2etest/master/imgs/screenshot2.jpg)

Chrome 插件:

![imgs/chrome.png](https://raw.githubusercontent.com/alibaba/f2etest/master/imgs/chrome.png)

Windows:

![imgs/windows.jpg](https://raw.githubusercontent.com/alibaba/f2etest/master/imgs/windows.jpg)

Mac:

![imgs/mac.jpg](https://raw.githubusercontent.com/alibaba/f2etest/master/imgs/mac.jpg)

## WebDriver 云

![imgs/webdriver1.jpg](https://raw.githubusercontent.com/alibaba/f2etest/master/imgs/webdriver1.jpg)

## Karma + F2etest

![imgs/jsunit.png](https://raw.githubusercontent.com/alibaba/f2etest/master/imgs/jsunit.png)

## UI Recorder

UI Recorder 请查看视频教程：[http://v.youku.com/v_show/id_XMTY4NTk5NjI4MA==.html](http://v.youku.com/v_show/id_XMTY4NTk5NjI4MA==.html)

# 安全风险警示(非常重要)

由于本系统基于 Windows Server 体系搭建，因此系统的安全性完全取决于部署人的安全部署能力。

如果您希望部署本系统，请确保以下几点：

1. 严禁将本系统部署在公网环境，仅可部署在内网环境中使用，作为内部测试用途

2. 请将 Windows Server 服务端升级到最新版本及补丁，以保证没有出现安全漏洞

3. 请将 User 用户之间做到完全隔离，仅提供 User 用户文件的访问权限，别的任何权限请勿多余授权

4. 请将 f2etest-client 仅设置为管理员拥有权限，防止 API 接口被恶意访问

# 安装教程

安装请前往安装教程页面：[INSTALL.md](https://github.com/alibaba/f2etest/blob/master/INSTALL.md)

第 3 方安装及使用教程：

1. [http://shaofan.org/f2etest/](http://shaofan.org/f2etest/)

2. [http://shaofan.org/ui-recorder/](http://shaofan.org/ui-recorder/)

# 感谢

- Guacamole: [http://guac-dev.org/](http://guac-dev.org/)

- Nodejs: [http://nodejs.org/](http://nodejs.org/)

- async: [https://github.com/caolan/async](https://github.com/caolan/async)

- ejs: [https://github.com/mde/ejs](https://github.com/mde/ejs)

- express: [https://github.com/expressjs/express](https://github.com/expressjs/express)

- jwebdriver: [https://github.com/yaniswang/jWebDriver](https://github.com/yaniswang/jWebDriver)

- mysql: [https://github.com/felixge/node-mysql](https://github.com/felixge/node-mysql)

- request: [https://github.com/request/request](https://github.com/request/request)