按鍵精靈的網頁自動化測試


web按鍵精靈使用文檔

    按鍵精靈是一款熟知的自動化工具以及平台,目前最為普遍的,是使用其編寫網頁、網游的腳本程序,為各玩家提供便捷的刷錢、升級等服務;而我今天在這里給大家介紹的,當然是屬於辦公使用的按鍵精靈的一個子功能----WEB按鍵精靈。

    隨着時代的發展,網絡游戲不再拘泥於傳統軟件所使用的焦點觸點式的代碼方式,衍生出的就是WEB按鍵精靈式的基於網頁元素編寫代碼的方式。

    按鍵精靈使用代碼是VBS語言,且擁有較大的資源庫,讓新手可以零成本快速學習,下面我將做一個簡單的例子向大家介紹WEB按鍵精靈的實際應用:

    首頁,打開WEB按鍵精靈快捷方式:

是不是和普通的IE沒什么區別?接下來我們只要按照我們的需求進行訪問,比如:我將http://www.symptomfind.com/ 作為測試對象站點

 

比如,我們要搜索一個health的關鍵字,然后進入search頁面,查找是否希望搜索出的文章是否在search頁面中,再進入這個文章頁,檢查是否文章內容正確;此時,我們需要使用瀏覽器自帶的工具----網頁分析,點擊該功能鍵;如圖:

 

瀏覽器下端彈出了網頁元素分析的分析框,顯示了未啟動,我們需要按F9來開啟它,然后將鼠標移動到“輸入框”上,再按F9按鈕,這個分析框就將該模塊的分析數據顯示在我們眼前。

 

為了保證這個特征字符串是我們所需要的,我們點擊一下旁邊的測試特征串按鈕,可以看到對應元素會在頁面中閃爍,好了,我們這串正確的元素特征字符串復制到文本中,待我們編輯代碼時使用;如圖:

 

接下來將Find按鈕的元素特種字符串也記錄在文本中,方法如上;如圖:

 

我們在輸入框中輸入health關鍵詞,然后點擊find按鈕,進入search頁面,如圖:

 

比如我們就將搜索結果集第一個搜索結果為測試對象,我們將其的元素特征碼記錄碼記錄下來,然后再進入該文章頁面,我們將頁面中的某段文字來做為檢查點;如圖:

 

記錄該元素特征碼,然后打開按鍵精靈的腳本編輯界面,我們將用到的腳本為WEB網頁插件下的命令;如圖:

 

展開子集,我們看到一堆命令,是不是眼有花,我們慢慢梳理,我們暫時只用一些常用命令即可;首先我們的第一個操作是打開網址,那我們點擊“GO 打開地址”;如圖:

 

我們看到點擊后,下方出現一個小框,我們在網頁地址下的地址輸入框中輸入測試地址,然后點擊插入;如圖

 

注意,地址兩邊一定要加上英文的雙引號,不然會報語法錯誤;然后我們將使用到htmlinput參數(表單輸入)htmlclick(點擊事件)以及htmlexists(驗證參數)參數,參數的詳細介紹在后續會介紹,我們將相關元素特征碼填入表單,插入即可;如圖:

 

然后將開啟瀏覽器的代碼加上,如圖:

 

好了,我們可以試運行下,點擊調試->運行;結果發現頁面還沒跳轉,代碼就跑完了,那我們添加一點延遲,讓代碼跑的慢一點;如圖:

 

我們再試運行下,發現跑完也不知道對還是不對,那我們加一個IF判斷,最后我們的驗證到了沒有,如圖:

 

這段判斷是指,如果獲取到數據,就將數據在頁面的展現次數表示出來(一般就一次),如果沒有,就顯示BAD;接下來我們再試運行下;如圖:

 

好了,我們的第一個檢查腳本已經完成;

接下來,詳細介紹下我們常用的函數:

2.1.HtmlSelect命令

1)HtmlSelect命令只能夠更具Select項的值來進行選擇,注意這里不是顯示在Select項上的文字,而是該項的value。

一個典型的下拉框HTML代碼如下:

<select name="city">

< option value="1">北京</option>

< option value="2">上海</option>

< option value="3">廣州</option>

< /select>

這里如果要選擇上海,需要選擇值為2的項;

2)級聯的下拉列表組合。

在有的網頁中,會有幾個級聯的下拉列表,后一個下拉框會隨前一個框的值變化而發生變化,典型的有注冊頁面上的省份城市選擇,HtmlSelect命令能夠觸發Onchange事件,會導致后一個下拉框值發生變化,但是如果執行腳本太快,而導致后一個未能選中正確的值,可以在前一個HtmlSelect后加上適當的延時;

3)多選表單中的列表控件;有的列表支持多選,在有一些個求職網站中,職業是可以多選的,這時候可以用%將多個需要選擇的值連接起來傳遞給HtmlSelect命令實現多選;

 

2.2.HtmlExists命令

HtmlExists命令,能夠判斷指定特征的元素是否存在,並能夠返回具備該特征的元素的個數。這個命令能夠用來判斷某個元素是否存在,如果為0證明不存在;

 

2.3.HtmlGet命令

 

HtmlGet命令比較復雜,但是功能也非常強大,該命令具備兩個參數,第一個參數為獲取類型,目前支持的值如下所示:

 

序號

適用對象

1

text

得到指定元素的文本值,對應DOM屬性innerText

2

html

得到指定元素內部的HTML代碼,對應DOM屬性innerHTML

3

outerHtml

得到元素整體的HTML代碼,對應DOM屬性的outerHTML

4

value

得到元素的Value值,用於獲取表單元素內部的值

5

src

得到圖像元素的src屬性,用於IMG標簽對象

6

href

得到鏈接元素的鏈接地址,用於A標簽

7

…其他合法的HTML屬性名稱

其他屬性,如果您使用的是合法的屬性名稱,就能夠返回對應的值
如何才是合法的屬性?請參閱HTML標准;

     

 

第二個參數為特征字符串,如果匹配多個,只能返回第一個元素的值;

例如,獲得淘寶貨物價格:

Plugin price=Web.HtmlGet("text","id:id_Price")

獲取某個表單文本的值

Plugin email=Web.HtmlGet("value","name:Email")

 

通過以上的學習,是不是覺得很簡單,而我們只要根據實際的情況,可以增加更多的參數,甚至可以在頁面中增加一些相對坐標值來達到檢查的目的。關於更深一層的按鍵精靈使用,將在下一個課程中向大家介紹,謝謝。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM