Selenium私房菜系列4 -- Selenium IDE的使用

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

下面将示範Selenium的使用：

1.安裝Selenium IDE，Firebug。

2.啟動Selenium IDE:

IDE啟動後，彈出如下對話框：

<a href="http://images.cnblogs.com/cnblogs_com/hyddd/WindowsLiveWriter/Selenium4SeleniumIDE_123F4/SeleniumIDE_2.jpg"></a>

3.腳本的錄制及運作

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

<a href="http://images.cnblogs.com/cnblogs_com/hyddd/WindowsLiveWriter/Selenium4SeleniumIDE_123F4/baidu_2.jpg"></a>

<a href="http://images.cnblogs.com/cnblogs_com/hyddd/WindowsLiveWriter/Selenium4SeleniumIDE_123F4/baidu2_2.jpg"></a>

<a href="http://images.cnblogs.com/cnblogs_com/hyddd/WindowsLiveWriter/Selenium4SeleniumIDE_123F4/baidu3_2.jpg"></a>

上圖例子中，我的操作步驟如下：

（2）.登陸百度首頁後，在查詢框輸入“hyddd”。

（3）.按“百度一下”按鈕

（4）.進入搜尋結果頁面後，右鍵單擊第一條記錄（即：hyddd - 部落格園），在右鍵彈出菜單中，單擊“Verify TestPersent hyddd - 部落格園”。

（5）.單擊第一條記錄（即：進入hyddd - 部落格園）

（6）.Firefox彈出一個新Tab頁面，并進入了我的部落格。

OK，現在看看我們的Selenium IDE錄制的結果吧:&gt;

<a href="http://images.cnblogs.com/cnblogs_com/hyddd/WindowsLiveWriter/Selenium4SeleniumIDE_123F4/IDEResult_2.jpg"></a>

    上圖中，中間的表格就是錄制的結果，你可以按“運作腳本”重新回放腳本看看，值得注意的是，在運作時，Firefox可能會認為腳本中最後一個操作（即：步驟6）為非法彈出框，浏覽器會自動阻止其彈出，這個需要設定一下Firefox，具體位置是：Firefox-&gt;Menubar-&gt;Tools-&gt;options-&gt;content-&gt;Block pop-up Window，你可以把鈎去掉或者在Exceptions裡面添加相應的網址。

    恩，到此為止，腳本錄制圓滿完成:&gt;

    在運作腳本後，你會發現IDE表格的顔色發生了變化，運作前，腳本表格為白色，成功運作完畢後，表格為青色，其中還分為深青色和淺青色兩種，淺青色表示：動作成功，如：打開網頁成功，點選按鈕成功等等，而深青色表示：判斷正确，如：“hyddd - 部落格園”這段文字在頁面中存在等等。

    看完正确，現在我們看看出錯時的情況吧。

<a href="http://images.cnblogs.com/cnblogs_com/hyddd/WindowsLiveWriter/Selenium4SeleniumIDE_123F4/IDEerror_2.jpg"></a>

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

4.Selenium IDE其他的重要功能

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

<a href="http://images.cnblogs.com/cnblogs_com/hyddd/WindowsLiveWriter/Selenium4SeleniumIDE_123F4/IDE4_2.jpg"></a>

<a href="http://images.cnblogs.com/cnblogs_com/hyddd/WindowsLiveWriter/Selenium4SeleniumIDE_123F4/IDE5_2.jpg"></a>

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

本文轉自hyddd部落格園部落格，原文連結：http://www.cnblogs.com/hyddd/archive/2009/05/24/1487967.html，如需轉載請自行聯系原作者。