hyddd 知行合一

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