MeterSphere V2.10+版本： UI自动化测试 +VNC：简单、快捷地实现UI回放

MeterSphere+VNC：快速完成UI回放

MeterSphere UI自动化测试本身就提供【本地调试】来实现UI回放。其相关配置手册讲官方文档：https://zhuanlan.zhihu.com/p/513857328。

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

1.1 修改MeterSphereUI测试配置文件

修改UI测试配置文件：。
1）文件路径：/opt/metersphere/docker-compose-seleniarm.yml
2）修改VNC相关 配置信息
（1）SE_START_VNC 设置为true
（2）SE_VNC_PASSWORD默认值为“Password123@selenium”，可自定义修改。
（3）如果UI测试使用的是chrome浏览器，就修改chrome相关配置下的VNC属性；

（4）如果UI测试使用的是firefox浏览器，就修改firefox相关配置下的VNC属性；

1.2 reload MS服务

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

2、远程VNC服务查看UI实时执行情况

2.1 登录MeterSphere系统，查看【系统设置>>>系统参数设置>>>selenium-grid 地址】

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

复制“selenium gird”地址，在浏览器中输入该地址，即可打开selenium gird页面。当有UI测试执行是，在【Session】页面里就可以看到相关信息，点击前端视频图像按钮。

系统会自动打开VNC服务，输入VNC密码

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

3、 使用本地VNC查看UI测试实时执行详情

3.1 安装部署VNC

3.1.1下载VNC

从VNC官方地址，下载VNC即可：
https://www.realvnc.com/en/connect/download/viewer/

3.1.2安装VNC

安装 VNC 工具

没有特殊要求，全部选择默认选项，点击next，直至完成。

3.1.3配置VNC

安装完成运行VNC，第一次登录需要注册，此可以直接取消。选择“file>>New connection”


点击OK，在列表中可以看到刚创建的链接

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

连接刚创建的vnc，需要输入密码。此密码第一步配置文件中“SE_VNC_PASSWORD”设置的信息，确认连接，正常连接如图

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