線上書籍

Home

Selenium

前面說過,Selenium IDE是Firefox的一個插件,是可以進行腳本錄製以及案例轉換,所以Selenium IDE+Firebug會成為你日後寫測試案例的兩大助手(IE下可以使用Selenium Core+IEDevelperToolBar)。

Selenium IDE下載:http://seleniumhq.org/download/

Firebug下載:https://addons.mozilla.org/firefox/addon/1843

下面將演示Selenium的使用:

1.安裝Selenium IDE,Firebug。

2.啟動Selenium IDE:

 

IDE啟動後,彈出如下對話框:

    上圖標明了一些Selenium IDE的主要功能。其中,由Command,Target,Value組成的表格就是腳本,每個腳本都是由一條一條的Action(行為)組成,而每個 Action又由(Command,Target,Value)三者組成。Command就是上文《API參考手冊》提到的內容,Target指的是Web中的某個對象,比如:文字,輸入框等等,如果選取對象呢?呵呵,這裡就用到了XPath,不熟悉可以參考《XPath的使用》,而Value就是這個對象的值。

3.腳本的錄製及運行

    當彈出上面的IDE窗口後,我們就可以開始Selenium的腳本錄製了,右上角有個紅色的圓點,當它下按時(如上圖)就表示IDE正在進行腳本錄製。 OK,開始錄製,錄製的時候,直接操作Firefox瀏覽器窗口就可以了,IDE會自動記錄你的操作的,下面我演示一個例子:

上圖例子中,我的操作步驟如下:

(1).在地址欄輸入:http://www.baidu.com/

(2).登陸百度首頁後,在查詢框輸入「hyddd」。

(3).按「百度一下」按鈕

(4).進入搜索結果頁面後,右鍵單擊第一條記錄(即:hyddd - 博客園),在右鍵彈出菜單中,單擊「Verify TestPersent hyddd - 博客園」。

(5).單擊第一條記錄(即:進入hyddd - 博客園)

(6).Firefox彈出一個新Tab頁面,並進入了我的博客。

OK,現在看看我們的Selenium IDE錄製的結果吧:>

    上圖中,中間的表格就是錄製的結果,你可以按「運行腳本」重新回放腳本看看,值得注意的是,在運行時,Firefox可能會認為腳本中最後一個操作(即: 步驟6)為非法彈出框,瀏覽器會自動阻止其彈出,這個需要設置一下Firefox,具體位置 是:Firefox->Menubar->Tools->options->content->Block pop-up Window,你可以把鉤去掉或者在Exceptions裡面添加相應的網址。

    恩,到此為止,腳本錄製圓滿完成:>

    在運行腳本後,你會發現IDE表格的顏色發生了變化,運行前,腳本表格為白色,成功運行完畢後,表格為青色,其中還分為深青色和淺青色兩種,淺青色表示: 動作成功,如:打開網頁成功,點擊按鈕成功等等,而深青色表示:判斷正確,如:「hyddd - 博客園」這段文字在頁面中存在等等。

    看完正確,現在我們看看出錯時的情況吧。

出錯時,表格可能會出現兩種顏色,一種是淺粉紅色,一種是深粉紅色。淺粉紅色表示判斷結果為false,這種情況案例還是會繼續執行下去,判斷的失敗不會影響案例的運行,深粉紅色表示動作失敗,如:沒有找到按鈕等(如上圖),這種情況下案例會停止運行。

4.Selenium IDE其他的重要功能

    本文開始時提到了,Selenium IDE還有一個重要的功能就是把腳本的轉換,一起看看吧:>

    Selenium IDE可以把HTML的腳本轉為C#,JAVA等等其他語言的腳本,為我們日後寫Selenium RC的測試案例提供了極大的方便。