UI 自动化分布式测试 -Docker Selenium Grid
ccwgpt 2024-10-10 04:43 49 浏览 0 评论
前言
Docker 和 Selenium Grid 的结合为分布式 UI 自动化测试提供了一种高效、可扩展且易于管理的方法。通过使用 Docker 容器化技术,测试环境的设置和配置变得更加简便和一致;而 Selenium Grid 则允许在多个节点上并行运行分布式测试,从而大大提升测试的速度和覆盖范围。
分布式测试Selenium Grid
对于大型项目或者有大量测试用例的项目,单机的测试环境往往无法快速完成所有测试用例的执行,此时自动化测试执行效率将会成为最大的瓶颈,Selenium Grid 可以通过多机的分布式架构允许测试用例并行运行,大大缩短了测试时间。
Selenium Grid 提供了多种运行模式,满足不同的测试需求和使用场景。包括Standalone模式、Selenium Grid模式。这些模式的选择取决于测试的规模、复杂度和并行执行的需求。
Standalone模式:适用于简单的单机测试场景,Selenium Grid所有节点都是在同一个进程中执行。这种模式设置简单,只适合进行小规模测试。
Hub and Nodes模式:通过Hub和多个Node实现并行执行,适合大规模测试场景,能够有效提高测试效率。企业级应用中一般我们会采取该模式,在此模式下有不同的部署方式:
传统部署:Hub和Node节点分别运行在不同物理机/虚拟机上,这种方式需要手动安装对应主机的各种依赖环境(比如JDK、浏览器、浏览器驱动等)
Docker容器部署:Hub和Node节点分别运行在不同主机的docker容器中,通过Docker-Selenium开源项目所提供的Hub和Node节点镜像可以快速启动对应的节点,而不需要配置任何的环境。
与Kubernetes集成:在更大规模和复杂的环境中,可以使用K8S来动态扩展和管理Selenium Grid。Kubernetes提供了更强大的调度和扩展能力,适合企业级应用。
Docker-Selenium介绍
Docker-Selenium 是一种将 Selenium Grid 与 Docker 容器技术结合的解决方案,能够简化 Selenium Grid 的部署和管理。通过使用 Docker 容器,用户可以快速创建和销毁 Selenium Grid 环境,而不需要手动配置每个节点,极大地提高了测试环境的可移植性和可扩展性
项目地址:https://github.com/SeleniumHQ/docker-selenium/
具备的优势:
简化部署:使用 Docker,可以在几分钟内启动完整的 Selenium Grid 环境,而不需要复杂的安装和配置过程。
环境隔离:每个 Docker 容器都运行在独立的环境中,确保测试之间互不干扰。
可移植性:Docker 镜像可以在任何支持 Docker 的平台上运行,使得测试环境具有高度的一致性和可移植性。
扩展性:通过 Docker Compose 等工具,可以轻松扩展或缩减节点数量,以满足测试需求。
启动hub节点
docker run -d -p 4442-4444:4442-4444 --name selenium-hub selenium/hub:latest
参数-p 4442-4444:4442-4444 分别映射主机到容器内部端口(4442、4442、4444)
4442端口是Selenium Grid 事件总线发布事件的端口(必须开放出来)
4443端口是Selenium Grid 组件订阅事件的端口(必须开放出来)
4444端口是Selenium Grid 控制台访问端口
输入对应地址即可访问Selenium Grid控制台 http:<你的hub节点主机IP地址>:4444
此时控制台并没有什么信息,是因为我们的node节点还没有启动注册到hub节点
启动node节点
启动node1节点 - chrome浏览器环境
参数解释:
-p 5900:5900 5900端口是容器VNC服务的访问端口,使用VNC服务可以连接到容器内部观察容器的运行情况
-p 5555:5555 5555端口负责hub与node节点之间的注册和通讯
--shm-size:设置容器的共享内存大小
--shm-size="2g"参数的必要性:
This is a known workaround to avoid the browser crashing inside a docker container, here are the documented issues for Chrome and Firefox. The shm size of 2gb is arbitrary but known to work well, your specific use case might need a different value, it is recommended to tune this value according to your needs.
SE_EVENT_BUS_HOST:hub节点的IP地址
SE_EVENT_BUS_PUBLISH_PORT:hub节点的事件总线发布事件的端口,与前面hub节点配置对应
SE_EVENT_BUS_SUBSCRIBE_PORT:hub节点的组件订阅事件的端口,与前面hub节点配置对应
SE_NODE_HOST:当前node节点的IP地址
SE_NODE_MAX_SESSIONS:node节点支持的最大会话数,该配置在并发测试时十分关键,比如值为3时代表支持最大并发测试数为3
SE_NODE_OVERRIDE_MAX_SESSIONS:当设置上述的SE_NODE_MAX_SESSIONS参数时,该参数也需要一并指定
SE_VNC_NO_PASSWORD:设置VNC访问时不需要密码,这样调试更加方便
启动node2节点 - firefox浏览器环境
启动node3节点 - edge浏览器环境
再进入到hub控制台 http:<你的hub节点主机IP地址>:4444即可看到node节点的情况:
VNC查看node节点容器
docker-selenium项目使用了x11vnc作为VNC服务,用户能够通过VNC客户端工具VNC Viewer查看容器内部的情况
VNC Viewer下载地址:https://www.realvnc.com/en/connect/download/viewer/
VNC服务在容器内部监听5900端口,之前启动node节点时有将node节点容器的5900端口映射到主机5900端口,我们使用<node节点IP地址:5900端口>连接即可
至此我们的Selenium Grid分布式的环境就准备好了,接下来我们需要调自动化脚本执行并发测试
python并行执行测试
为了并行执行测试,python需要使用多进程/多线程技术实现同时执行多个脚本,向selenium Grid的hub节点发送请求,hub节点会根据接收到的请求分发给指定的node节点执行,这里我们可以使用python的pytest-xdist库来实现并发执行测试
pytest-xdist是 pytest 测试框架插件,用于使得测试并行执行,能显著提高测试执行的速度。可以通过多核或多CPU以及多台机器来加速测试过程。
安装pytest-xdist:
示例python代码remote_webdriver.py如下:
在控制台中执行命令:
pytest-xdist只需要指定-n参数即可设置并发数,-s、-v参数可以让控制台日志更加详细
控制台输出如下:
控制台日志中显示3 workers [3 items] 其中3 workers代表pytest-xdist派生出了三个工作进程,3 items代表pytest收集到了三条用例
scheduling tests via LoadScheduling代表将会按照负载均衡分配测试用例执行
通过VNC可以看到node节点中同时打开了三个chrome浏览器(其中一个浏览器的页面被遮挡住了)
Java并行执行测试
如果采用的是Java语言,可以使用TestNG测试框架的parallel机制,通过配置xml文件即可非常简单的实现并行测试
拉取指定浏览器版本node节点
有些时候我们不需要使用最新版本的浏览器容器环境,想要指定对应版本的浏览器
我们可以查询docker仓库镜像的tag
https://hub.docker.com/r/selenium/node-chrome/tags
node-chrome:120.0代表浏览器版本号
chromedriver-120.0代表内置chromedriver版本号
20240123代表发布日期
相关推荐
- React 开发翻车现场!这 6 个救命技巧,90% 工程师居然现在才知道
-
前端圈最近都在卷React18新特性,可咱开发时踩的坑却一个比一个离谱!组件卡死、状态乱套、路由错乱...别担心!今天分享6个超实用的React实战技巧,让你轻松拿捏开发难题,代码直接...
- Web前端:React JS越来越受欢迎,它的主要优点为什么要使用它?
-
ReactJS是一个开源JavaScript库,用于为单页应用程序构建用户界面,它还为不同的移动应用程序提供视图层,并创建可重用的UI组件。 我们可以在Web应用程序的数据中创建特定的更改,而...
- 性能焦虑!前端人必看!5 个 React 组件优化神技! 颠覆你的认知!
-
在前端开发的赛道上,性能优化就像一场永不停歇的马拉松。作为前端工程师,你是否常常为React组件的性能问题头疼不已?页面加载缓慢、组件频繁重渲染,这些痛点分分钟让开发进度受阻。别担心!今天就来分享...
- React 实战必学!99% 工程师踩过的 5 大坑,3 招教你轻松破解
-
前端开发的小伙伴们,咱就是说,React现在可是前端界的“顶流明星”,热度一直居高不下!但用它开发项目的时候,是不是总有那么些瞬间,让你怀疑人生,对着屏幕疯狂抓头发?别慌!今天就给大家分享几个超实...
- 惬意!午间一道 React 题,轻松拿捏前端面试小技巧
-
忙碌了一上午,眼睛酸涩、脑子发懵?别急着刷短视频“放空”,不如花几分钟和我一起“品尝”一道React面试题小甜点!就像在阳光洒满窗台的午后,泡一杯热茶,惬意又能悄悄涨知识,何乐而不为?最近,...
- 一起深入盘点 2025 年 React 发展的 10个趋势?
-
大家好,很高兴又见面了,我是"高级前端进阶",由我带着大家一起关注前端前沿、深入前端底层技术,大家一起进步,也欢迎大家关注、点赞、收藏、转发!1.React服务器组件React服务...
- 前端掉坑血泪史!4 个 React 性能优化绝招让页面秒开
-
在前端圈子里摸爬滚打这么多年,我发现React开发时踩坑的经历大家都大同小异。页面加载慢、组件频繁重渲染、状态管理混乱……这些痛点,相信不少前端工程师都感同身受。别愁!今天就给大家分享4个超...
- 前端人崩溃瞬间!5 招 React 实战技巧让项目起死回生
-
有没有在写React项目时,遇到页面卡顿到怀疑人生、数据更新不及时、代码逻辑混乱到无从下手的情况?别慌!作为摸爬滚打多年的前端老炮,今天就把5个救命级的React实战技巧倾囊相授,帮你轻松...
- 8.3K star!React Bits,让你拥有全网几乎所有动画效果
-
前端开源项目101专栏:一个能让你更快接触到高质量开源项目的地方。我会探索分享精选101个高质量的开源项目。这是系列的第7篇文章,分享一套拥有计划全网所有动画效果,且创意最丰富的动画React组...
- 开始学习React - 概览和演示教程
-
#头条创作挑战赛#本文同步本人掘金平台的原创翻译:https://juejin.cn/post/6844903823085944846当我刚开始学习JavaScript的时候,我就听说了React,但...
- 阿里AI工具Web Dev上线!一句话生成React网页
-
5月11日,阿里巴巴推出全新AI工具“WebDev”,支持用户通过一句话指令生成网页应用。该工具集成HTML、CSS、JavaScript三大前端核心技术,并统一采用React框架实现,可在数秒内创...
- JS流行框架/库排名Top100,看看你熟知的Js排第几
-
权威的JavaScript趋势榜stats.js.org每15分钟根据github上的stars和forks总数实时汇总出JavaScript开源项目的流行度排名,一起来看看你所熟知的项目排名第几...
- 新手如何搭建个人网站
-
ElementUl是饿了么前端团队推出的桌面端UI框架,具有是简洁、直观、强悍和低学习成本等优势,非常适合初学者使用。因此,本次项目使用ElementUI框架来完成个人博客的主体开发,欢迎大家讨论...
- 站在巨人肩膀上的 .NET 通用权限开发框架:Admin.NET
-
站在巨人肩膀上的.NET通用权限开发框架Admin.NET是一个面向.NET程序员的低代码平台,java平台类似的框架有ruoyi,芋道,JeelowCode等。这类框架普遍采用前后端分离的开发技...
- Python+selenium自动化之判定元素是否存在
-
在测试过程中,我碰到过这类的问题,使用find_element却找不到某个元素而产生异常,这就需要在操作某个元素之前判定该元素是否存在,而selenium中没有判定元素是否存在的方法,或者判定相同的元...
你 发表评论:
欢迎- 一周热门
- 最近发表
-
- React 开发翻车现场!这 6 个救命技巧,90% 工程师居然现在才知道
- Web前端:React JS越来越受欢迎,它的主要优点为什么要使用它?
- 性能焦虑!前端人必看!5 个 React 组件优化神技! 颠覆你的认知!
- React 实战必学!99% 工程师踩过的 5 大坑,3 招教你轻松破解
- 惬意!午间一道 React 题,轻松拿捏前端面试小技巧
- 一起深入盘点 2025 年 React 发展的 10个趋势?
- 前端掉坑血泪史!4 个 React 性能优化绝招让页面秒开
- 前端人崩溃瞬间!5 招 React 实战技巧让项目起死回生
- 8.3K star!React Bits,让你拥有全网几乎所有动画效果
- 开始学习React - 概览和演示教程
- 标签列表
-
- MVC框架 (46)
- spring框架 (46)
- 框架图 (58)
- bootstrap框架 (43)
- flask框架 (53)
- quartz框架 (51)
- abp框架 (47)
- jpa框架 (47)
- laravel框架 (46)
- express框架 (43)
- springmvc框架 (49)
- 分布式事务框架 (65)
- scrapy框架 (56)
- shiro框架 (61)
- 定时任务框架 (56)
- grpc框架 (55)
- ppt框架 (48)
- 内联框架 (52)
- winform框架 (46)
- gui框架 (44)
- cad怎么画框架 (58)
- ps怎么画框架 (47)
- ssm框架实现登录注册 (49)
- oracle字符串长度 (48)
- oracle提交事务 (47)