4. Selenium IDE的使用

前面說過，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 - 博客園」這段文字在頁面中存在等等。

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