Tad 教材網 - 線上書籍

:::

Selenium
========

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

Selenium IDE下載：[http://seleniumhq.org/download/](http://seleniumhq.org/download/ "http://seleniumhq.org/download/")

Firebug下載：[https://addons.mozilla.org/firefox/addon/1843](https://addons.mozilla.org/firefox/addon/1843 "https://addons.mozilla.org/firefox/addon/1843")

**下面將演示Selenium的使用**：

**1.安裝Selenium IDE，Firebug。**

**2.啟動Selenium IDE:**

[![](http://pic002.cnblogs.com/img/hyddd/200905/2009052400363191.jpg)](http://images.cnblogs.com/cnblogs_com/hyddd/WindowsLiveWriter/Selenium4SeleniumIDE_123F4/menubar_2.jpg)

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

[![](http://pic002.cnblogs.com/img/hyddd/200905/2009052400370154.jpg)](http://images.cnblogs.com/cnblogs_com/hyddd/WindowsLiveWriter/Selenium4SeleniumIDE_123F4/SeleniumIDE_2.jpg)

上圖標明了一些Selenium IDE的主要功能。其中，由Command，Target，Value組成的表格就是腳本，每個腳本都是由一條一條的Action(行為)組成，而每個 Action又由(Command，Target，Value)三者組成。Command就是上文[《API參考手冊》](http://www.cnblogs.com/hyddd/archive/2009/05/22/1487346.html)提到的內容，Target指的是Web中的某個對象，比如：文字，輸入框等等，如果選取對象呢？呵呵，這裡就用到了XPath，不熟悉可以參考[《XPath的使用》](http://www.cnblogs.com/hyddd/archive/2009/05/22/1487332.html)，而Value就是這個對象的值。

**3.腳本的錄製及運行**

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

[![](http://pic002.cnblogs.com/img/hyddd/200905/2009052400372144.jpg)](http://images.cnblogs.com/cnblogs_com/hyddd/WindowsLiveWriter/Selenium4SeleniumIDE_123F4/baidu_2.jpg)

[![](http://pic002.cnblogs.com/img/hyddd/200905/2009052400373586.jpg)](http://images.cnblogs.com/cnblogs_com/hyddd/WindowsLiveWriter/Selenium4SeleniumIDE_123F4/baidu2_2.jpg)

[![](http://pic002.cnblogs.com/img/hyddd/200905/2009052400375073.jpg)](http://images.cnblogs.com/cnblogs_com/hyddd/WindowsLiveWriter/Selenium4SeleniumIDE_123F4/baidu3_2.jpg)

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

（1）.在地址欄輸入：[http://www.baidu.com/](http://www.baidu.com/ "http://www.baidu.com/")

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

（3）.按「百度一下」按鈕

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

（5）.單擊第一條記錄（即：進入hyddd - 博客園）

（6）.Firefox彈出一個新Tab頁面，並進入了我的博客。

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

[![](http://pic002.cnblogs.com/img/hyddd/200905/2009052400383712.jpg)](http://images.cnblogs.com/cnblogs_com/hyddd/WindowsLiveWriter/Selenium4SeleniumIDE_123F4/IDEResult_2.jpg)

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

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

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

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

[![](http://pic002.cnblogs.com/img/hyddd/200905/2009052400385381.jpg)](http://images.cnblogs.com/cnblogs_com/hyddd/WindowsLiveWriter/Selenium4SeleniumIDE_123F4/IDEerror_2.jpg)

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

**4.Selenium IDE其他的重要功能**

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

[![](http://pic002.cnblogs.com/img/hyddd/200905/2009052400391940.jpg)](http://images.cnblogs.com/cnblogs_com/hyddd/WindowsLiveWriter/Selenium4SeleniumIDE_123F4/IDE4_2.jpg)

[![](http://pic002.cnblogs.com/img/hyddd/200905/2009052400393145.jpg)](http://images.cnblogs.com/cnblogs_com/hyddd/WindowsLiveWriter/Selenium4SeleniumIDE_123F4/IDE5_2.jpg)

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

:::