RobotFramework+seleniumlibrary Web自動化測試 (四)

利用seleniumlibrary  實現Web測試時，需要知道web中對應控制項Id，name，type等屬性，Selenium IDE外掛程式的錄製功能可以很大程度方便測試案例編寫

Selenium IDE是Firefox的一個外掛程式，是可以進行指令碼錄製以及案例轉換，所以Selenium IDE+Firebug會成為你日後寫測試案例的兩大助手(IE下可以使用Selenium Core+IEDevelperToolBar)。

轉自 http://www.cnblogs.com/hyddd/archive/2009/05/24/1487967.html

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的測試案例提供了極大的方便。