發(fā)布時(shí)間:2024-04-08 09:56:33 瀏覽量:241次
本期操作教程為大家介紹使用MeterSphere開源持續(xù)測(cè)試平臺(tái)的UI測(cè)試模塊,實(shí)現(xiàn)創(chuàng)建新標(biāo)簽頁及控制多個(gè)標(biāo)簽頁進(jìn)行切換的操作方法。
一、操作場(chǎng)景和流程
UI自動(dòng)化測(cè)試的過程中通常會(huì)遇到如下兩種場(chǎng)景:
■ 控制瀏覽器某個(gè)頁面時(shí),需要打開新的標(biāo)簽頁處理問題,處理結(jié)束后再返回到前一個(gè)頁面處;
■ 瀏覽網(wǎng)頁時(shí),有時(shí)點(diǎn)擊一個(gè)鏈接或者按鈕,會(huì)彈出一個(gè)新的窗口,用戶需要切換到新窗口進(jìn)行后續(xù)操作。
進(jìn)行Web端UI自動(dòng)化測(cè)試時(shí),如果在彈出新窗口后沒有對(duì)窗口進(jìn)行切換,那么WebDriver對(duì)象的焦點(diǎn)依然是對(duì)應(yīng)的舊窗口,后續(xù)的自動(dòng)化操作將繼續(xù)在舊窗口中進(jìn)行。這里就會(huì)涉及到如下兩個(gè)問題:
■ 需要打開新的瀏覽器標(biāo)簽;
■ 需要控制多個(gè)標(biāo)簽進(jìn)行切換。
下面我們將以一個(gè)簡(jiǎn)單的場(chǎng)景為例,介紹如何通過MeterSphere開源持續(xù)測(cè)試平臺(tái)的UI測(cè)試模塊實(shí)現(xiàn)以上場(chǎng)景。具體流程如下:
1. 打開“百度”頁面,然后新建標(biāo)簽頁打開“www.fit2cloud.com”飛致云官方網(wǎng)站頁面;
2. 切換至“www.fit2cloud.com”官方網(wǎng)站并點(diǎn)擊“技術(shù)博客”鏈接;
3. 切換至“技術(shù)博客”頁面,再切換回“www.fit2cloud.com”官方網(wǎng)站,最后切換回“百度”頁面。
二、如何打開新的標(biāo)簽頁?
如果直接在MeterSphere UI自動(dòng)化步驟頁面添加兩個(gè)打開網(wǎng)頁的步驟,默認(rèn)為打開第一個(gè)頁面,打開第二個(gè)頁面時(shí)會(huì)覆蓋第一個(gè)頁面。即無論添加多少個(gè)打開網(wǎng)頁的步驟,瀏覽器都只會(huì)保留最后一個(gè)網(wǎng)頁,這很明顯不是我們所期待的結(jié)果。
如果想實(shí)現(xiàn)“打開一個(gè)標(biāo)簽頁后再打開新標(biāo)簽頁”的效果,可以通過添加后置腳本來實(shí)現(xiàn),具體如下:
比如想實(shí)現(xiàn)打開“百度”頁面然后新建標(biāo)簽頁打開“www.fit2cloud.com”官方網(wǎng)站,可以將以下腳本添加到打開“百度”頁面場(chǎng)景步驟的后置腳本中。
window.open("https://www.fit2cloud.com/", "_blank");
三、控制多個(gè)標(biāo)簽頁進(jìn)行切換
1. 實(shí)現(xiàn)方式
要實(shí)現(xiàn)多個(gè)標(biāo)簽頁的切換,需要選擇瀏覽器操作控件,步驟類型選擇“切換窗口”選項(xiàng)。
這里可以看到共有三種方式可以實(shí)現(xiàn)窗口的切換,分別是:
■ 根據(jù)句柄ID切換到指定窗口
使用句柄切換的主要目的是可以切換到指定的窗口,而且不需要記住此窗口對(duì)應(yīng)的索引值。實(shí)現(xiàn)根據(jù)句柄切換需要先提取步驟中產(chǎn)生的句柄ID并設(shè)置參數(shù)名,后續(xù)步驟可以直接切換到此參數(shù)名對(duì)應(yīng)的頁面;
■ 根據(jù)網(wǎng)頁索引號(hào)切換到指定窗口
根據(jù)索引切換即選擇打開過的第幾個(gè)網(wǎng)頁。比如索引值輸入“2”,那么效果會(huì)切換到已經(jīng)打開過的第2個(gè)窗口(索引值從1開始計(jì)算);
■ 切換到初始窗口
切換到初始窗口,顧名思義就是切換到最開始打開的標(biāo)簽頁,等同于使用索引切換索引值設(shè)置為“1”。
2. 實(shí)現(xiàn)步驟
① 使用網(wǎng)頁索引號(hào)切換到“www.fit2cloud.com”官方網(wǎng)站,頁面索引號(hào)設(shè)置為“2”。
連續(xù)選擇 “后置操作”→“數(shù)據(jù)提取”→“提取窗口信息”→“窗口Handle”,并設(shè)置參數(shù)名。
② 切換到“www.fit2cloud.com”官方網(wǎng)站后,可以通過添加鼠標(biāo)操作的控件,使用元素定位模擬點(diǎn)擊官網(wǎng)中的“技術(shù)博客”鏈接。
③ 使用網(wǎng)頁索引號(hào)切換到“技術(shù)博客”標(biāo)簽頁,頁面索引號(hào)設(shè)置為“3”。
④ 選擇“根據(jù)句柄ID切換到指定窗口”選項(xiàng),切換回“www.fit2cloud.com”官方網(wǎng)站。句柄ID設(shè)置需要切換的參數(shù)名。使用第二步中所提取的參數(shù),通過${參數(shù)名} 直接引用即可。
⑤ 選擇“切換到初始窗口”選項(xiàng)切換回“百度”頁面。
四、運(yùn)行結(jié)果及報(bào)告
UI自動(dòng)化場(chǎng)景編排完成之后,可以運(yùn)行查看效果。運(yùn)行UI自動(dòng)化提供了三種方式,分別是是本地調(diào)試、后端調(diào)試和生成報(bào)告。用本地調(diào)試模式運(yùn)行最終效果如下:
使用生成報(bào)告模式執(zhí)行,能夠看到每一步的執(zhí)行結(jié)果,也能通過截圖查看執(zhí)行結(jié)果是否符合預(yù)期。如下圖所示,點(diǎn)擊截圖后可以看到整個(gè)UI自動(dòng)化場(chǎng)景已經(jīng)實(shí)現(xiàn)了創(chuàng)建新標(biāo)簽頁,并且按照設(shè)定的步驟進(jìn)行了頁面的切換。
熱門資訊
1. iPhone6的UI設(shè)計(jì)尺寸規(guī)范,原來如此重要!
想要了解iPhone6界面設(shè)計(jì)的尺寸規(guī)范嗎?這里為您詳細(xì)介紹iPhone6的UI設(shè)計(jì)尺寸規(guī)范,包括界面尺寸、圖標(biāo)尺寸、可點(diǎn)擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
2. 12個(gè)絕佳的UI設(shè)計(jì)網(wǎng)站,助力你的創(chuàng)作之旅!
將為大家介紹12個(gè)絕佳的UI設(shè)計(jì)網(wǎng)站,這些網(wǎng)站不僅可以為你提供靈感,還可以幫助你學(xué)習(xí)新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個(gè)面向設(shè)計(jì)師的...
3. 移動(dòng)端UI設(shè)計(jì)中常見的5種APP界面類型,你get到了嗎?
通過介紹移動(dòng)端UI設(shè)計(jì)中的閃屏頁、引導(dǎo)頁、浮層引導(dǎo)頁、空白頁和首頁等5種APP界面類型,幫助大家更好地了解UI設(shè)計(jì)的基本知識(shí)
4. 10個(gè)免費(fèi)學(xué)習(xí)UI設(shè)計(jì)的網(wǎng)站 提升你的設(shè)計(jì)能力
怎樣可以提升你的UI設(shè)計(jì)能力!第一個(gè):站酷站酷想必是設(shè)計(jì)師都知道的一個(gè)網(wǎng)站,里面不止有UI設(shè)計(jì)的資源,還有其他設(shè)計(jì)的,不如:平面設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)、字體...
5. 移動(dòng)端列表頁和表單頁設(shè)計(jì)秘訣:讓你的APP點(diǎn)擊率翻倍
在移動(dòng)端設(shè)計(jì)中,列表頁和表單頁是不可或缺的部分。一個(gè)好的列表頁和表單頁設(shè)計(jì)能夠讓用戶輕松地獲取信息并產(chǎn)生點(diǎn)擊欲望,從而提高點(diǎn)擊率。本文將為你...
6. 推薦10本適合UI設(shè)計(jì)師看的書籍,輕松掌握技能!
對(duì)于想要提高自己的設(shè)計(jì)能力和創(chuàng)造力的小白和UI設(shè)計(jì)師來說,這本書是一個(gè)很好的選擇。4.《設(shè)計(jì)的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
7. 零基礎(chǔ)學(xué)UI設(shè)計(jì)要多久?培訓(xùn)完能拿多少工資?
探索零基礎(chǔ)UI設(shè)計(jì)培訓(xùn)的時(shí)長與薪資前景。了解數(shù)字藝術(shù)教育領(lǐng)域的專業(yè)課程,以及培訓(xùn)后的職業(yè)發(fā)展機(jī)會(huì)。
8. 物聯(lián)網(wǎng)APP UI設(shè)計(jì):創(chuàng)造智能硬件領(lǐng)域的沉浸式體驗(yàn)
ui設(shè)計(jì)應(yīng)該讓用戶一目了然,能夠快速找到所需的信息和功能。在設(shè)計(jì)過程中,應(yīng)盡量使用簡(jiǎn)潔的圖標(biāo)、文字和色彩,避免過多的視覺干擾。符合用戶習(xí)慣:ui設(shè)...
9. 武漢UI設(shè)計(jì)培訓(xùn)班費(fèi)用怎么樣?想學(xué)UI設(shè)計(jì)要多少錢?
想了解武漢UI設(shè)計(jì)培訓(xùn)班的費(fèi)用是多少嗎?不知道學(xué)UI設(shè)計(jì)要花多少錢?不妨看看這篇文章,了解UI設(shè)計(jì)培訓(xùn)班的學(xué)費(fèi)價(jià)格以及學(xué)習(xí)內(nèi)容。
10. 設(shè)計(jì)中的色彩心理學(xué):淺析中西方色彩的歷史演變與設(shè)計(jì)應(yīng)用
摘要:本文探討了色彩的歷史演變和設(shè)計(jì)應(yīng)用。通過對(duì)色彩在早期文明社會(huì)中的實(shí)用運(yùn)用、不同文化背景下色彩觀念的差異、色彩在設(shè)計(jì)中的重要性以及新興技...
最新文章
同學(xué)您好!