Docker Selenium(1) 搭建服務及chrome 使用 firefox

青旅半醒 2023-02-19 05:25 0阅读 0赞

Docker Selenium能讓Selenium在Docker中運行，可加速建置時間及獨立出各瀏覽器的版本  
，保持了一定的隔離性，是非常好的測試環境。

[docker-selenium 官方文檔][docker-selenium]

[https://www.lfhacks.com/tech/selenium-docker][https_www.lfhacks.com_tech_selenium-docker]

[https://hub.docker.com/r/selenium/standalone-chrome/dockerfile][https_hub.docker.com_r_selenium_standalone-chrome_dockerfile]

# 鏡像介紹 #

selenium/hub: Grid Hub，相當於一個空白的Seleniun Server，  
selenium/node-chrome: Chrome節點，需加入Grid Hub才能使用。  
selenium/node-firefox: Firefox節點，需加入Grid Hub才能使用。  
selenium/node-chrome-debug: Chrome節點，同時包含VNC Server，需加入Grid Hub才能使用。  
selenium/node-firefox-debug: Firefox節點，同時包含VNC Server，需加入Grid Hub才能使用

selenium/standalone-chrome: 包含Chrome的Seleniun Server，可直接調用。  
selenium/standalone-firefox: 包含Chrome的Seleniun Server，可直接調用。  
selenium/standalone-chrome-debug: 包含Chrome的Seleniun Server，同時包含VNC Server，可直接調用。  
selenium/standalone-firefox-debug: 包含Chrome的Seleniun Server，同時包含VNC Server，可直接調用。

# 使用 #

## docker conpose方法 ##

selenium 官方提供了docker compose方法，直接使用就可以輕鬆搭建了。

[官方連結][Link 1]

1.  `docker-compose.yaml`

<table> 
 <tbody> 
  <tr> 
   <td> <pre><code>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
</code></pre> </td> 
   <td> <pre><code># To execute this docker-compose yml file use docker-compose -f &lt;file_name&gt; up
# Add the "-d" flag at the end for deattached execution
version: "3"
services:
  selenium-hub:
    image: selenium/hub:3.12.0-boron
    container_name: selenium-hub
    ports:
      - "4448:4444"
  chrome:
    image: selenium/node-chrome:3.12.0-boron
    depends_on:
      - selenium-hub
    environment:
      - HUB_HOST=selenium-hub
      - HUB_PORT=4444
  firefox:
    image: selenium/node-firefox:3.12.0-boron
    depends_on:
      - selenium-hub
    environment:
      - HUB_HOST=selenium-hub
      - HUB_PORT=4444
</code></pre> </td> 
  </tr> 
 </tbody> 
</table>

1.  `docker-compose up --build`

1.  搭建成功

在`docker-compose.yaml`中我指定公開的是4448端口，打開頁面看到可以成功訪問，能調用的瀏覽器有Chrome及Firefox.

## Python 調用 ##

調用方法與本地搭建selenium server相同，以下以chrome為例。

1.  創建一個Chrome對象

<table> 
 <tbody> 
  <tr> 
   <td> <pre><code>1
2
3
4
5
6
7
</code></pre> </td> 
   <td> <pre><code>from selenium import webdriver
from selenium.webdriver.common.desired_capabilities import DesiredCapabilities

browser = webdriver.Remote(
    command_executor='http://192.168.8.22:4448/wd/hub',
    desired_capabilities=DesiredCapabilities.CHROME,
)
</code></pre> </td> 
  </tr> 
 </tbody> 
</table>

如果成功調用，在slenium頁面也會看到一個chrome正在被使用。

1.  進入Google首頁，試著打印網頁標題

<table> 
 <tbody> 
  <tr> 
   <td> <pre><code>1
2
3
</code></pre> </td> 
   <td> <pre><code>browser.get('http://www.google.com')
print(browser.title)
# Google
</code></pre> </td> 
  </tr> 
 </tbody> 
</table>

1.  測試截取當前頁面

<table> 
 <tbody> 
  <tr> 
   <td> <pre><code>1
</code></pre> </td> 
   <td> <pre><code>browser.save_screenshot("chrome.png")
</code></pre> </td> 
  </tr> 
 </tbody> 
</table>

1.  釋放瀏覽器

<table> 
 <tbody> 
  <tr> 
   <td> <pre><code>1
</code></pre> </td> 
   <td> <pre><code>browser.quit()
</code></pre> </td> 
  </tr> 
 </tbody> 
</table>

結束調用，slenium頁面上的chrome已經變回彩色的。

# 另外一種模式 : Debug Mode #

Docker Selenium 還有一種 Debug Mode，主要提供了有畫面的selenium，能直接看到瀏覽器在做什麼，Debug Mode使用了VNC服務器並佔用了5900端口，但要注意的是每個端口只能運行一個節點(Chrome、Firefox等)，如果希望包含兩個節點或更多，那麼就必須公開不同的端口，如5900:5900、5901:5900…

## Docker Compose 方法: ##

1.  `docker-compose up --build`

<table> 
 <tbody> 
  <tr> 
   <td> <pre><code>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
</code></pre> </td> 
   <td> <pre><code># To execute this docker-compose yml file use docker-compose -f &lt;file_name&gt; up
# Add the "-d" flag at the end for deattached execution
version: '2'
services:
  firefox:
    image: selenium/node-firefox-debug:3.12.0-boron
    volumes:
      - /dev/shm:/dev/shm
    depends_on:
      - hub
    environment:
      HUB_HOST: hub
    ports:
      - "5900:5900"

chrome:
    image: selenium/node-chrome-debug:3.12.0-boron
    volumes:
      - /dev/shm:/dev/shm
    depends_on:
      - hub
    environment:
      HUB_HOST: hub
    ports:
      - "5901:5900"

hub:
    image: selenium/hub:3.12.0-boron
    ports:
      - "4450:4444"
</code></pre> </td> 
  </tr> 
 </tbody> 
</table>

1.  訪問selenium頁面

這個頁面顯示了Selenium hub的狀態，如果想看到VNC的情況，需要進入Docker 容器才看的到。

## 用VNC 看瀏覽器在做什麼 ##

1.  安裝VNC軟體

推薦工具 免費VNC : ultravnc

[ultravnc下載地址][ultravnc]

1.  打開UltraVNC Viewer

下載並安裝完成後,連進Docker內的VNC Server

1.  點擊連接

1.  輸入密碼

默認密碼 : secret

預設是有密碼的，若不希望輸入密碼可在容器變量中加入`VNC_NO_PASSWORD: 1`。

1.  連接成功

看到這個畫面代表成功連進了VNC

## Python 調用 ##

1.  創建一個腳本，測試selnium運行的情況。

<table> 
 <tbody> 
  <tr> 
   <td> <pre><code>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
</code></pre> </td> 
   <td> <pre><code>from selenium import webdriver
from selenium.webdriver.common.desired_capabilities import DesiredCapabilities
from selenium.webdriver.common.keys import Keys

browser = webdriver.Remote(
    command_executor='http://192.168.8.22:4450/wd/hub',
    desired_capabilities=DesiredCapabilities.CHROME,
)

browser.get("http://www.google.com")
browser.find_element_by_id("lst-ib").send_keys("python")
browser.find_element_by_name("btnK").send_keys(Keys.ENTER)
titles = browser.find_elements_by_xpath(".//h3[@class='r']//a")
print([i.text for i in titles])
browser.quit()
</code></pre> </td> 
  </tr> 
 </tbody> 
</table>

1.  有畫面的selenium出現了

# 小結 #

docker selenium透過Docker建置的關係，構建非常方便快速，這邊主要介紹了兩種模式創建容器，一種是可以看見瀏覽器的，一種是默默執行的，測試運行速度也非常的快，感覺起來似乎比實體主機還要順上很多，但以長期的測試情況，就不知道會不會有其他問題了。

[https://maliaotw.github.io/2018/06/08/Docker%20Selenium(1)%20%E6%90%AD%E5%BB%BA/][https_maliaotw.github.io_2018_06_08_Docker_20Selenium_1_20_E6_90_AD_E5_BB_BA]

[https://blog.csdn.net/weixin\_39198406/article/details/85085505][https_blog.csdn.net_weixin_39198406_article_details_85085505]

[https://www.jianshu.com/u/a70a89d3258f][https_www.jianshu.com_u_a70a89d3258f]

[docker-selenium]: https://github.com/SeleniumHQ/docker-selenium
[https_www.lfhacks.com_tech_selenium-docker]: https://www.lfhacks.com/tech/selenium-docker
[https_hub.docker.com_r_selenium_standalone-chrome_dockerfile]: https://hub.docker.com/r/selenium/standalone-chrome/dockerfile
[Link 1]: https://github.com/SeleniumHQ/docker-selenium#version-3
[ultravnc]: http://www.uvnc.com/downloads/ultravnc.html
[https_maliaotw.github.io_2018_06_08_Docker_20Selenium_1_20_E6_90_AD_E5_BB_BA]: https://maliaotw.github.io/2018/06/08/Docker%20Selenium%281%29%20%E6%90%AD%E5%BB%BA/
[https_blog.csdn.net_weixin_39198406_article_details_85085505]: https://blog.csdn.net/weixin_39198406/article/details/85085505
[https_www.jianshu.com_u_a70a89d3258f]: https://www.jianshu.com/u/a70a89d3258f