Docker部署UI自动化测试环境

水深无声 2024-03-24 20:55 69阅读 0赞

#### 这里写目录标题 ####

*  一、分布式自动化测试要解决什么问题？
 *  二、分布式环境搭建
 *   *  1、环境准备
     *  2、创建容器
     *  3、启动容器
     *  4、查看容器运行状态
     *  5、查看Selenium hub 、node 启动状态
     *  6、启动VNC Server
     *  7、测试脚本

## 一、分布式自动化测试要解决什么问题？ ##

分布式自动化测试要解决什么问题？  
1、减少脚本执行耗时  
2、减少对单机器的资源消耗  
3、实现分布式兼容性测试

分布式自动化测试实现重点：  
1、控制多机器并行运行，资源监控  
2、测试用例执行顺序控制  
3、测试报告收集合并

纵观开源技术，拿现在最流行的selenium\\docker 来实践分布式自动化测试框架。

selenium grid是selenium的三大组件之一，它的作用就是分布式测试执行，它是由一个hub节点和若干个node代理节点组成，Hub用来管理各个代理节点的注册信息和状态信息，并且接受远程客户端代码的请求调用，然后把请求的命令转发给代理节点来执行。

Docker 是一个开源的应用容器引擎，让开发者可以打包他们的应用以及依赖包到一个可移植的容器中,然后发布到任何流行的Linux机器或Windows 机器上,也可以实现虚拟化,容器是完全使用沙箱机制,相互之间不会有任何接口。

## 二、分布式环境搭建 ##

### 1、环境准备 ###

准备一台 Linux 服务器(云服务器、自建 Linux 服务器都可以)。  
在 Linux 服务器上安装 docker，docker安装就不讲了，照着官网的命令来就可以了，很简单的。

### 2、创建容器 ###

利用容器技术我们可以快速的构建我们selenium hub和node 环境，其实selenium官网已经为我们制作好了镜像，我们只需要在docker环境中拉取即可，以下为selenium官网为我们提供的镜像名称

拉取hub镜像  
拉取chrome浏览器镜像  
拉取firefox浏览器镜像

sudo docker pull selenium/hub
    sudo docker pull selenium/node-chrome
    sudo docker pull selenium/node-firefox

### 3、启动容器 ###

启动hub节点的docker

> \-d：后台运行容器  
> **-p：5442-5444:4442-4444：端口号一一映射，其中4444为web服务**  
> **5442，5443：node节点与hub节点用例通信的**

docker run --name hub -d -p 5442-5444:4442-4444 selenium/hub

> **-p：5902:5900：作用是访问浏览器的图形界面**  
> **vnc 是linux的图形界面服务，远程桌面服务**  
> \-e：环境变量  
> **SE\_EVENT\_BUS\_HOST：指定主节点的ip地址**  
> **SE\_NODE\_MAX\_SESSIONS=20：最多启动20个session（20个浏览器）**

启动hub节点的docker

sudo docker run --name node -p 5902:5900 -d -e \
    SE_EVENT_BUS_HOST=82.156.178.247 -e SE_NODE_MAX_SESSIONS=20 -e \
    SE_NODE_OVERRIDE_MAX_SESSIONS=true -e SE_EVENT_BUS_PUBLISH_PORT=5442 \
    -e SE_EVENT_BUS_SUBSCRIBE_PORT=5443 -v /dev/shm:/dev/shm selenium/node-chrome

sudo docker run --name node -p 5903:5900 -d -e \
    SE_EVENT_BUS_HOST=82.156.178.247 -e SE_NODE_MAX_SESSIONS=20 -e \
    SE_NODE_OVERRIDE_MAX_SESSIONS=true -e SE_EVENT_BUS_PUBLISH_PORT=5442 \
    -e SE_EVENT_BUS_SUBSCRIBE_PORT=5443 -v /dev/shm:/dev/shm selenium/node-firefox

### 4、查看容器运行状态 ###

CONTAINER ID   IMAGE                  COMMAND                  CREATED       STATUS          PORTS                                                                                                                             NAMES
    0da5ef1265e4   selenium/node-chrome   "/opt/bin/entry_poin…"   2 days ago    Up 5 minutes    0.0.0.0:5902->5900/tcp, :::5902->5900/tcp                                                                                         node
    40456e0d4363   selenium/hub           "/opt/bin/entry_poin…"   2 days ago    Up 5 minutes    0.0.0.0:5442->4442/tcp, :::5442->4442/tcp, 0.0.0.0:5443->4443/tcp, :::5443->4443/tcp, 0.0.0.0:5444->4444/tcp, :::5444->4444/tcp   hub

### 5、查看Selenium hub 、node 启动状态 ###

![在这里插入图片描述][df38795bdecc43a586d4ca7c14cd68a6.png]

### 6、启动VNC Server ###

连接我们启动的容器IP:PORT,密码默认为sercet  
![在这里插入图片描述][caf9344a88a0442e836c05719187eb77.png]

![在这里插入图片描述][eb31f3ce22c6496795d1fdfbf996acff.png]

到此，我们自动化测试的运行环境已经配置完毕，接下来看我们自动化测试脚本如何设计

### 7、测试脚本 ###

from selenium import webdriver
    
    import time
    
    # 配置信息
    from selenium.webdriver.common.by import By
    
    ds = {
        
        'platform': 'ANY',  # 平台（操作系统）信息
        'browserName': 'chrome',  # 配置浏览器信息，谷歌浏览器
        'version': '',
        'javascriptEnabled': True
    
    }
    
    driver = webdriver.Remote('http://82.156.178.247:5444', desired_capabilities=ds)
    
    driver.get('http://www.baidu.com')
    
    driver.find_element(By.XPATH, '//*[@id="kw"]').send_keys("中国")
    driver.find_element(By.XPATH, '//*[@id="su"]').click()
    time.sleep(3)
    
    driver.quit()

![在这里插入图片描述][d92a89196dc24bcebb484e377c127ff4.png]

[df38795bdecc43a586d4ca7c14cd68a6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/9a89748c0f614c73b4a35645d284c0fb.png
[caf9344a88a0442e836c05719187eb77.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/65f0e32264a74539b9464d4397912644.png
[eb31f3ce22c6496795d1fdfbf996acff.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/4a16dbbb68c74aa593d06a3dfe0dbf48.png
[d92a89196dc24bcebb484e377c127ff4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/c93e09c4212e4157bd3ada9921f74c1a.png