原文转载自「刘悦的技术博客」https://v3u.cn/a_id_195

“世界上有那么多城市，城市里有那么多的酒馆，可她，却偏偏走进了我的.....”，这是电影《卡萨布拉卡》中的一句驰名独白，投射到现实生活中，与之类似的状况举不胜举，这世界上有那么多的零碎，零碎中有那么多的浏览器，在只有一台测试机的前提下，难道咱们只能排队一个一个地做兼容性测试吗？有没有效率更高的办法呢？为此咱们提出一个更高效的解决方案：应用Docker+Selenium Grid。

Selenium Grid是一个分布式WebUI测试工具，能够将测试流程散发到多台服务器上，并行地执行。Selenium Grid架构中蕴含两个次要角色：Hub是中心点管制节点，而Node是Selenium的工作节点，它们注册到Hub上，并会操作浏览器执行由Hub下发的主动测试用例。

也就是利用一个调度核心，别离在不同机器上装置不同的操作系统，零碎中再装置对应须要测试的浏览器，然而，以传统的形式部署分布式Selenium Grid集群有肯定的技术难度。而且一个浏览器在操作系统上只能装置一个版本且只能有一个运行实例。比方为了针对不同版本的Chrome进行测试，须要将指定版本的Chrome浏览器装置到不同物理机或虚拟机上，这样要消耗大量工夫和机器老本来筹备测试环境。

怎么简化Selenium Grid集群装置过程中的复杂性呢？答案是Docker，是的，Docker，又见Docker，Docker能够在单台服务器上利用容器技术间接部署多个节点，过程简略不便，只须要编写Dockerfile脚本即可，大大晋升了测试效率，本次咱们就应用Docker+Selenium Grid来实现多零碎多版本浏览器并发式兼容性测试。

首先，装置Docker，请移步：win10零碎下把玩折腾DockerToolBox以及更换国内镜像源(各种神坑)

随后，拉取Selenium Grid调度核心的镜像文件：

docker pull selenium/hub

这里咱们测试两款不同的浏览器兼容性：Chrome、FireFox

所以别离拉取镜像文件：

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

全副三个镜像下载胜利后，输出命令：

docker images

查看本地镜像：

liuyue:mytornado liuyue$ docker images  REPOSITORY                           TAG                   IMAGE ID       CREATED         SIZE  selenium/node-chrome                 latest                0843e55de3dc   2 weeks ago     1.04GB  selenium/hub                         latest                705be32777f0   2 weeks ago     283MB  selenium/node-firefox                latest                f794497d8393   2 months ago    956MB

查看没有问题后，咱们来编写Docker-compose的配置文件，Docker-compose是最根本的容器编排工具，它能够疾速兼顾多个镜像的协同应用，编写docker-compose.yml：

version: "3"  services:      hub:      image: selenium/hub      ports:        - "4444:4444"        environment:        GRID_MAX_SESSION: 16        GRID_BROWSER_TIMEOUT: 3000        GRID_TIMEOUT: 3000      chrome:      image: selenium/node-chrome      container_name: chrome      depends_on:        - hub      environment:        HUB_PORT_4444_TCP_ADDR: hub        HUB_PORT_4444_TCP_PORT: 4444        NODE_MAX_SESSION: 4        NODE_MAX_INSTANCES: 4      volumes:        - /dev/shm:/dev/shm      ports:        - "9001:5900"      links:        - hub      firefox:      image: selenium/node-firefox      container_name: firefox      depends_on:        - hub      environment:        HUB_PORT_4444_TCP_ADDR: hub        HUB_PORT_4444_TCP_PORT: 4444        NODE_MAX_SESSION: 2        NODE_MAX_INSTANCES: 2      volumes:        - /dev/shm:/dev/shm      ports:        - "9002:5900"      links:        - hub

配置文件的次要内容就是将Selenium Grid的容器服务hub部署在4444端口上，并且通过端口映射，让宿主机能够拜访，应用镜像就是咱们刚刚下载好的selenium/hub镜像，而火狐(firefox)和谷歌(chrome)这两款浏览器别离依赖于hub服务，NODE\_MAX\_INSTANCES定义了能够运行多少个浏览器实例。

此时，咱们在docker-compose.yml所在的目录执行命令，来启动服务：

docker-compose -f docker-compose.yml up -d

-d 参数意味着在后盾运行，当然了您也能够抉择在前台运行。

随后拜访浏览器 http://localhost:4444/grid/console ，这里申请的ip是宿主机本地的，但其实是通过端口映射拜访docker容器内的Selenium Grid调度核心：

能够看到，两款浏览器的服务都曾经失常启动，别离运行四个和两个实例，同时也能够在终端运行Docker命令来查看过程：

docker ps

返回容器列表：

liuyue:mytornado liuyue$ docker ps  CONTAINER ID   IMAGE                   COMMAND                  CREATED      STATUS      PORTS                    NAMES  adcd4683f39c   selenium/node-firefox   "/opt/bin/entry_poin…"   2 days ago   Up 2 days   0.0.0.0:9002->5900/tcp   firefox  58dfe5825439   selenium/node-chrome    "/opt/bin/entry_poin…"   2 days ago   Up 2 days   0.0.0.0:9001->5900/tcp   chrome  97d602944b34   selenium/hub            "/opt/bin/entry_poin…"   2 days ago   Up 2 days   0.0.0.0:4444->4444/tcp   mytornado_hub_1

浏览器筹备好了，接下来的事件就简略了，让咱们来用Docker容器理论测试一下，编写test.py:

import time  from selenium import webdriver  from selenium.webdriver.common.desired_capabilities import DesiredCapabilities    #指定运行主机与端口号  driver = webdriver.Remote(command_executor='http://127.0.0.1:4444/wd/hub',                            desired_capabilities=DesiredCapabilities.CHROME)    driver.get("https://v3u.cn")    time.sleep(1)    driver.get_screenshot_as_file("v3u.png")    driver.close()

这里应用chrome浏览器驱动应用近程模式(Remote)，拜访宿主机本地ip，端口4444，关上本站之后，截图查看是否有布局谬误问题。

查看截图：

再来试试火狐浏览器(firefox)：

import time  from selenium import webdriver  from selenium.webdriver.common.desired_capabilities import DesiredCapabilities    #指定运行主机与端口号  driver = webdriver.Remote(command_executor='http://127.0.0.1:4444/wd/hub',                            desired_capabilities=DesiredCapabilities.FIREFOX)    driver.get("https://v3u.cn")    time.sleep(1)    driver.get_screenshot_as_file("v3u_frefox.png")    driver.close()

查看firefox下的测试截图：

差异不大，然而能够通过理论测试看出细节的差别，比方字体和超链接色彩的不同，这些都是兼容性测试中的常备局部。

诚然，咱们齐全能够将代码写得更加标准一些，毕竟，这是在做兼容性测试，谁也不想在测试工作中呈现任何的纰漏，这里应用Python内置的单元测试库unittest将之前的代码重构一下：

`import os  import datetime  import time  import unittest  from selenium import webdriver  from selenium.webdriver.common.desired_capabilities import DesiredCapabilities      class Example(unittest.TestCase):          def setUp(self):            self.driver = webdriver.Remote(              command_executor='http://127.0.0.1:4444/wd/hub',              desired_capabilities=DesiredCapabilities.CHROME)` `self.driver.get("https://v3u.cn")        def test_firefox(self):            time.sleep(1)            self.driver.get_screenshot_as_file("v3u_chrome.png")          def tearDown(self):            self.driver.quit()      if __name__ == "__main__":        unittest.main(verbosity=1)`

测试后果：

liuyue:pickupname liuyue$ python3 "/Users/liuyue/Downloads/ccpt_21_cvm/鼠标/pickupname/test.py"  /Library/Frameworks/Python.framework/Versions/3.7/lib/python3.7/site-packages/selenium/webdriver/remote/remote_connection.py:374: ResourceWarning: unclosed <socket.socket fd=5, family=AddressFamily.AF_INET, type=SocketKind.SOCK_STREAM, proto=6, laddr=('127.0.0.1', 63563), raddr=('127.0.0.1', 4444)>    return self._request(command_info[0], url, body=data)  ResourceWarning: Enable tracemalloc to get the object allocation traceback  /Library/Frameworks/Python.framework/Versions/3.7/lib/python3.7/site-packages/selenium/webdriver/remote/remote_connection.py:374: ResourceWarning: unclosed <socket.socket fd=5, family=AddressFamily.AF_INET, type=SocketKind.SOCK_STREAM, proto=6, laddr=('127.0.0.1', 63566), raddr=('127.0.0.1', 4444)>    return self._request(command_info[0], url, body=data)  ResourceWarning: Enable tracemalloc to get the object allocation traceback  /Library/Frameworks/Python.framework/Versions/3.7/lib/python3.7/site-packages/selenium/webdriver/remote/remote_connection.py:374: ResourceWarning: unclosed <socket.socket fd=5, family=AddressFamily.AF_INET, type=SocketKind.SOCK_STREAM, proto=6, laddr=('127.0.0.1', 63573), raddr=('127.0.0.1', 4444)>    return self._request(command_info[0], url, body=data)  ResourceWarning: Enable tracemalloc to get the object allocation traceback  /Library/Frameworks/Python.framework/Versions/3.7/lib/python3.7/site-packages/selenium/webdriver/remote/remote_connection.py:374: ResourceWarning: unclosed <socket.socket fd=5, family=AddressFamily.AF_INET, type=SocketKind.SOCK_STREAM, proto=6, laddr=('127.0.0.1', 63574), raddr=('127.0.0.1', 4444)>    return self._request(command_info[0], url, body=data)  ResourceWarning: Enable tracemalloc to get the object allocation traceback  .  ----------------------------------------------------------------------  Ran 1 test in 5.908s    OK

测试结束后，能够通过Docker-compose命令一键进行容器服务，十分不便：

docker-compose -f docker-compose.yml down

尤其是容器数量十分多的状况下，咱们不须要手动一个一个来进行服务：

liuyue:mytornado liuyue$ docker-compose -f docker-compose.yml down  Stopping firefox         ... done  Stopping chrome          ... done  Stopping mytornado_hub_1 ... done  Removing firefox         ... done  Removing chrome          ... done  Removing mytornado_hub_1 ... done  Removing network mytornado_default  liuyue:mytornado liuyue$

再次查看服务过程:

liuyue:mytornado liuyue$ docker ps  CONTAINER ID   IMAGE     COMMAND   CREATED   STATUS    PORTS     NAMES  liuyue:mytornado liuyue$

结语：本次，咱们介绍了分布式自动化Web测试软件Selenium Grid的设置、服务的运行、以及进行，没有任何问题。通过应用这种自动化测试方法，咱们能够节俭大量工夫，并以高效的形式取得最精确的测试后果。如果您现有测试机的配置更加优良，还能够进一步摸索，尽可能多的开启浏览器实例，以此做到海量并发兼容性测试。

原文转载自「刘悦的技术博客」 https://v3u.cn/a_id_195