作為一款一站式的開源持續(xù)測(cè)試平臺(tái)，MeterSphere涵蓋了測(cè)試跟蹤、接口測(cè)試、性能測(cè)試和UI測(cè)試等功能模塊。MeterSphere的UI測(cè)試模塊后臺(tái)調(diào)試使用的是自帶的Selenium-Grid進(jìn)行測(cè)試，而Selenium-Grid需要指定瀏覽器的版本，如果需要實(shí)現(xiàn)不同版本瀏覽器的兼容性測(cè)試，基于MeterSphere只需要部署安裝多版本瀏覽器的Node，用于執(zhí)行UI測(cè)試腳本即可。

現(xiàn)如今，市面上的瀏覽器種類越來越多，這意味著所測(cè)試的站點(diǎn)需要在這些瀏覽器上都能很好地工作。同時(shí)，主流瀏覽器（例如IE、Firefox、Chrome、Opera、Safari等）版本更新愈加頻繁，終端用戶甚至不會(huì)感知到這些瀏覽器版本的升級(jí)。這讓瀏覽器兼容性測(cè)試的工作變得更加重要了，但也使得這種兼容性測(cè)試變得十分耗時(shí)。

通過全覆蓋的測(cè)試，可以明確地知道目標(biāo)站點(diǎn)支持哪些瀏覽器，而哪些會(huì)產(chǎn)生兼容性的問題。最簡(jiǎn)單的減少瀏覽器兼容性測(cè)試工作量的辦法就是，停止對(duì)老版本瀏覽器的支持。這個(gè)策略對(duì)一些公司是適用的，但并不適用于所有公司。

停止對(duì)老版本瀏覽器的支持，并不意味著目標(biāo)系統(tǒng)在這些老版本上沒有Bug， 這僅僅是在表面忽略了老版本瀏覽器上的潛在問題。MeterSphere平臺(tái)的UI測(cè)試模塊，目前尚未支持同時(shí)對(duì)多瀏覽器進(jìn)行兼容性測(cè)試，但是可以在此基礎(chǔ)上通過更靈活的方式進(jìn)行測(cè)試。以下是以Chrome瀏覽器為例，在MeterSphere平臺(tái)實(shí)現(xiàn)多版本瀏覽器UI兼容性測(cè)試的具體操作步驟。

一、MeterSphere使用Selenium-Grid執(zhí)行原理

MeterSphere平臺(tái)使用的是開源Selenium-Grid組件，其執(zhí)行流程如下：

■?對(duì)外的入口對(duì)應(yīng)的是Selenium Hub；

■?具體執(zhí)行任務(wù)的執(zhí)行機(jī)，對(duì)應(yīng)的是Selenium Node；

■?Node接到任務(wù)后分配給執(zhí)行節(jié)點(diǎn)的過程，就是Selenium Hub將測(cè)試分配到Selenium Node執(zhí)行的過程；

■?Node向Hub報(bào)備的過程，就是Selenium Node向Selenium Hub注冊(cè)的過程；

■?Selenium Hub用來管理各個(gè)Selenium Node的注冊(cè)信息和狀態(tài)信息，并且接收遠(yuǎn)程客戶端代碼的測(cè)試調(diào)用請(qǐng)求，并把請(qǐng)求命令轉(zhuǎn)發(fā)給符合要求的Selenium Node執(zhí)行；

■?Selenium-Grid包含了Selenium-Hub和多個(gè)Selenium-Node，所以需要額外安裝多個(gè)版本的Chrome瀏覽器的Selenium-Node，才可以進(jìn)行多版本瀏覽器兼容性測(cè)試。

二、獲取多版本的Chrome瀏覽器Selenium-Node

查看https://github.com/SeleniumHQ/docker-selenium/releases?page=1網(wǎng)頁上已經(jīng)發(fā)布的Release中的鏡像Tag。

Released versions信息中包含了瀏覽器的版本，復(fù)制需要測(cè)試瀏覽器版本的鏡像Tag；

通過復(fù)制的Tag信息，進(jìn)入MeterSphere服務(wù)器拉取鏡像。

三、啟動(dòng)對(duì)應(yīng)版本的Chrome瀏覽器Selenium-Node

通過執(zhí)行如下命令，啟動(dòng)對(duì)應(yīng)版本的Chrome瀏覽器Selenium-Node（端口“5555”為容器外部端口，“chrome110”為容器名稱，用于區(qū)分不同版本的瀏覽器）；

#此為Node節(jié)點(diǎn)單獨(dú)運(yùn)行，也可以加其他參數(shù)或者docker-compose的方式去啟動(dòng)，具體命令自行百度docker run -d -p 5555:4444 --name chrome110 --shm-size="2g" selenium/standalone-chrome:4.8.0-20230210

執(zhí)行結(jié)果如下：

四、MeterSphere配置個(gè)人信息的UI測(cè)試賬號(hào)

在頁面右上角的“用戶名”處的下拉菜單中，點(diǎn)擊“個(gè)人信息”選項(xiàng)，進(jìn)行個(gè)人相關(guān)信息配置；

選擇“UI設(shè)置”選項(xiàng)卡，填寫UI賬號(hào)。

五、執(zhí)行UI自動(dòng)化場(chǎng)景

選擇UI自動(dòng)化場(chǎng)景，點(diǎn)擊“本地調(diào)試”按鈕；

查看容器日志；

docker logs -f chrome110 --tail=200

可以看到瀏覽器版本為“110”，類型為“Chrome瀏覽器”。

六、查看執(zhí)行結(jié)果

執(zhí)行日志如下：

執(zhí)行結(jié)果顯示完成：

七、總結(jié)

以上就是添加額外瀏覽器進(jìn)行測(cè)試的具體步驟，需要注意的事項(xiàng)包括：

■?如果服務(wù)器不能直接連接外網(wǎng)，則需要手動(dòng)拉取鏡像之后，保存成tar包再上傳到服務(wù)器；
■?如果不在“個(gè)人信息”選項(xiàng)中進(jìn)行相關(guān)信息配置（“步驟三”中啟動(dòng)的http://IP:Port），也可以在“系統(tǒng)設(shè)置”→ “系統(tǒng)參數(shù)設(shè)置”下修改Selenium-Docker地址，然后選擇“后臺(tái)調(diào)試”選項(xiàng)；

■?如果用戶在“個(gè)人信息”選項(xiàng)中看不到“UI設(shè)置”選項(xiàng)卡，請(qǐng)聯(lián)系系統(tǒng)管理員進(jìn)行授權(quán)；
■?如果要部署多個(gè)版本的瀏覽器，請(qǐng)注意控制容器外部端口是否沖突。如有沖突，請(qǐng)修改為空閑端口。