操作教程|MeterSphere UI测试+VNC:简单、快捷地查看UI测试实时执行详情

编者注:本文为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。

2.使用远程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测试的实时执行详情了。

3.使用本地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测试的实时执行详情了。

相关推荐
Merrick25 分钟前
在github开源你的前后端分离项目
开源
GitCode官方3 小时前
腾讯混元 3D 系列两大模型正式于 GitCode 开源:首个原生3D部件生成+多条件控制模型免费开放
3d·开源·gitcode·混元·hunyuan
lingzhilab6 小时前
零知IDE——STM32F407VET6与ADS1115模数转换器实现多通道数据采集显示系统
stm32·单片机·开源
小和尚同志14 小时前
使用 Certimate 实现自动续签 SSL 证书
开源·github·自动化运维
proud121215 小时前
开源的 CSS 动画库
前端·css·开源
ajassi200016 小时前
开源 C# 快速开发(三)复杂控件
开发语言·开源·c#
算家计算18 小时前
阿里最新开源Wan2.2-Animate-14B 本地部署教程:统一双模态框架,MoE架构赋能电影级角色动画与替换
人工智能·开源
说私域1 天前
定制开发开源AI智能名片S2B2C商城小程序新手引导教程的重要性与实施方法研究
人工智能·小程序·开源
GitCode官方1 天前
华为昇腾 CANN 算子仓开源上线 GitCode,加速 AI 开发生态共建
人工智能·开源·gitcode