编者注：本文为 CSDN 博主 hxe116 的原创文章。

原文链接为：https://blog.csdn.net/hxe116/article/details/134714960?spm=1001.2014.3001.5502

作为一款一站式的开源持续测试平台，MeterSphere 涵盖了测试跟踪、接口测试、UI 测试和性能测试等功能模块，全面兼容 JMeter、Selenium 等主流开源标准。MeterSphere 的 UI 自动化测试可以通过 “本地调试” 功能来实现 UI 测试回放，其相关配置手册可参见 MeterSphere 官方文档：《MeterSphere 的 UI 测试模块如何远程调用浏览器？》（https://blog.fit2cloud.com/?p=3512）。

与此同时，MeterSphere 也提供 VNC 服务，用户可以在 MeterSphere 平台之上，借助 VNC 服务简单、快捷地实时回放 UI 自动化测试的执行详情。VNC（Virtual Network Console，虚拟网络控制台）是一种被广泛使用的远程控制工具软件。以下就是在 MeterSphere 平台上进行 VNC 配置的具体方法及相关说明。

需要说明的是，以下所涉及的操作步骤基于 MeterSphere v2.10 LTS 版本实现。2023 年 5 月，MeterSphere 开源持续测试平台发布了 v2.10 LTS（Long Term Support）版本，MeterSphere 开源项目组会定期基于 v2.10 LTS 版本升级小版本。

1. 开启 MeterSphere UI 测试服务的 VNC 端口

1.1 修改 MeterSphere UI 测试配置文件

使用路径 “/opt/metersphere/docker-compose-seleniarm.yml” 在 MeterSphere 中修改 UI 测试配置文件。在修改 VNC 相关配置信息时需要注意：

① 将 SE_START_VNC 设置为 true；

② SE_VNC_PASSWORD 的默认值为 “Password123@selenium”，该值可以自定义修改；

③ 如果使用 Chrome 浏览器进行 UI 测试，则需要修改 chrome 相关配置下的 VNC 属性，将 SE_START_VNC 设置为 true；

④ 如果使用 Firefox 浏览器进行 UI 测试，则需要修改 firefox 相关配置下的 VNC 属性，将 SE_START_VNC 设置为 true。

1.2 重新加载 MeterSphere 服务

用 reload 命令重启 MeterSphere 服务，命令为：msctl reload。

1. 使用远程 VNC 服务查看 UI 测试的实时执行情况

2.1 MeterSphere 相关设置

在 MeterSphere 中选择 “系统设置”→“系统参数设置”，配置 selenium-grid 地址信息。

2.2 打开远程 VNC，查看 UI 测试实时执行情况

复制 2.1 章节中在 MeterSphere 中配置的 selenium-gird 地址，粘贴至浏览器中并进入该地址，即可打开 Selenium Gird 页面。打开 Selenium Gird 页面左侧的 “Sessions” 选项卡，可以在该选项卡中看到正在执行的 UI 测试的相关信息。然后，点击 “Session” 列内项目前的放映机式样按钮。

点击放映机式样按钮后，系统会自动打开 VNC 服务。输入 VNC 密码（该密码为 1.1 章节所述配置文件中 “SE_VNC_PASSWORD” 设置的值）。

输入密码后，用户就可以观看 UI 测试的实时执行详情了。

1. 使用本地 VNC 查看 UI 测试的实时执行情况

3.1 下载 VNC 软件

从 VNC 官方网站下载 VNC 安装包即可，链接为：https://www.realvnc.com/en/connect/download/viewer/。

3.2 安装 VNC

安装 VNC 工具。

如果没有特殊要求，可以全部选择默认选项，点击 “Next” 按钮，直至安装完成。

3.3 配置 VNC

安装完成后，运行 VNC。进入 VNC 后，在菜单栏中选择 “File”→“New connection...”。

补充 VNC Server 信息。填写 2.1 章节中在 MeterSphere 中配置的 selenium-grid 地址即可。

点击 “OK” 按钮后，在列表中可以看到创建完毕的 VNC 链接。

3.4 执行 VNC，查看 UI 测试的实时执行详情

选择创建完毕的 VNC 链接，输入密码（该密码为 1.1 章节所述配置文件中 “SE_VNC_PASSWORD” 设置的值）。

连接成功后，就可以查看 UI 测试的实时执行详情了。