# Selenium IDE 初學者教程 > 原文： [https://www.guru99.com/introduction-selenuim-ide.html](https://www.guru99.com/introduction-selenuim-ide.html) ### 什么是 Selenium IDE？ Selenium IDE（集成開發環境）是 Selenium Suite 中最簡單的工具。 它是 Firefox 附加組件，可通過其記錄和播放功能非常快速地創建測試。 此功能類似于 QTP。 它易于安裝且易于學習。 由于其簡單性，Selenium IDE 僅應用作原型工具，而不是用于開發和維護復雜測試套件的整體解決方案。 盡管您無需編程就可以使用 Selenium IDE，但至少應熟悉 HTML，JavaScript 和 DOM（文檔對象模型）以充分利用此工具的潛力。 當我們到達有關 Selenese 命令“ **runScript”的部分時，將需要 [JavaScript](/interactive-javascript-tutorials.html) 的知識。** 創建測試時，Selenium IDE 支持自動完成模式。 此功能有兩個作用： * 它可以幫助測試人員更快地輸入命令。 * 它限制了用戶輸入無效的命令。 ## Selenium IDE 的功能  ## 菜單欄 它位于 IDE 的**最頂部**。 最常用的菜單是“文件”，“編輯”和“選項”菜單。 **文件菜單** * 它包含用于創建，打開，保存和關閉測試的選項。 * 測試以 HTML 格式保存**。** * 最有用的選項是“ **導出”** ，因為**允許您將 Selenium IDE 測試用例轉換為可以在 Selenium Remote Control 和 WebDriver** 上運行的文件格式。 * **“將測試用例導出為...”** 將僅導出當前打開的測試用例。 * **“將測試套件導出為...”** 將導出當前打開的測試套件中的所有測試用例。  * 從 **Selenium IDE v1.9.1** 開始，測試用例只能導出為以下格式： * .cs（C＃源代碼） * .java（Java 源代碼） * .py（Python 源代碼） * .rb（Ruby 源代碼）  **編輯菜單** * 它包含通常的選項，如“撤消”，“重做”，“剪切”，“復制”，“粘貼”，“刪除”和“全選”。 * 兩個最重要的選項是“ **插入新命令**”和“ **插入新注釋**”。  * 新插入的命令或注釋**將放置在當前所選行**的頂部。  * **命令**的顏色為**黑色**。 * **注釋**的顏色為**紫色。**  ## **選項菜單** 它提供**界面，用于配置 Selenium IDE 的各種設置**。 我們將專注于**選項**和**剪貼板格式**選項。 |  | **剪貼板格式** * **剪貼板格式允許您從編輯器復制 Selenese 命令并將其粘貼為代碼段**。 * 代碼的格式遵循您在“剪貼板格式”列表中在此處選擇的選項。 * **HTML 是默認選擇。** | 例如，當選擇 **Java / JUnit 4 / WebDriver** 作為剪貼板格式時，從 Selenium IDE 編輯器復制的每個 Selenese 命令都將粘貼為 **Java 代碼**。 請參見下圖。  ## Selenium IDE 選項對話框 通過單擊菜單欄上的選項>選項...，可以啟動 Selenium IDE 選項對話框。 盡管有許多可用的設置，但我們將專注于一些重要的設置。  * **默認超時值**。 這是指 Selenium 在生成錯誤之前必須等待某個元素出現或可訪問的時間。 **默認超時值為 30000ms** 。 * **Selenium IDE 擴展**。 在這里，您可以指定要用于擴展 Selenium IDE 功能的擴展。 您可以訪問 [http://addons.mozilla.org/en-US/firefox/](http://addons.mozilla.org/en-US/firefox/) ，并使用“ Selenium”作為關鍵字來搜索特定的擴展名。 * **記住基本 URL。** 如果希望 Selenium IDE 每次啟動時都記住基本 URL，請選中此復選框。 如果您取消選中此選項，則 Selenium IDE 將始終以基本 URL 的空白值啟動。 * **自動啟動記錄。** 如果選中此選項，Selenium IDE 將在啟動時立即記錄您的瀏覽器操作。 * **定位器生成器。** 在這里您可以指定錄制時生成定位符的順序。 **定位器是告訴 Selenium IDE 硒指令應對[UIG3]起作用的 UI 元素的方法。 在下面的設置中，當您單擊具有 ID 屬性的元素時，該元素的 ID 將用作定位符，因為“ id”是列表中的第一個元素。 如果該元素沒有 ID 屬性，則 Selenium 接下來將查找“名稱”屬性，因為它是列表中的第二個屬性。 該列表會一直不斷下去，直到找到合適的列表為止。** .png) ## 基本網址欄  * 它具有**下拉菜單，** **會記住所有先前的值**，以便于訪問。 * Selenese 命令**“打開”會將您帶到您在基本 URL** 中指定的 URL。 * 在本教程系列中，我們將使用 [http://newtours.demoaut.com](http://newtours.demoaut.com/) 作為我們的基本 URL。 它是 Mercury Tours 的站點，Mercury Tours 是 HP 維護的一種 Web 應用程序，用于進行[測試](/software-testing.html)。 我們將使用此應用程序，因為它包含了后續主題所需的一整套元素。 * **基本 URL 在訪問相對 URL** 中非常有用。 假設您的基本 URL 設置為 [http://newtours.demoaut.com](http://newtours.demoaut.com/) 。 當您使用目標值“ signup”執行命令“ open”時，Selenium IDE 會將瀏覽器定向到注冊頁面。 請參見下圖。  ## 工具列 | [  | **播放速度**。 這控制了測試腳本執行的速度。 | |  | **記錄。** 這將開始/結束錄制會話。 每個瀏覽器操作均作為 Selenese 命令輸入到編輯器中。 | |  | **播放整個測試套件**。 這將依次播放[測試用例](/test-case.html)窗格中列出的所有測試用例。 | |  | **播放當前測試用例**。 這將僅播放“測試用例窗格”中當前選擇的測試用例。 | |  | **暫停/恢復**。 這將暫停或繼續播放。 | |  | **步驟**。 該按鈕將允許您進入測試腳本中的每個命令。 | |  | **應用匯總規則**。 這是一項高級功能。 它使您可以將 Selenese 命令組合在一起，并作為一個單獨的動作執行它們。 | ## 測試用例窗格 |  | * 在 Selenium IDE 中，您可以一次打開 **多個測試用例。** * **測試用例窗格顯示了當前打開的測試用例的列表。** * 當打開測試套件時，測試用例窗格將 **自動列出其中包含的所有測試用例** 。 * 用 **粗體字** 編寫的測試用例是當前選擇的 **測試用例** * 播放后， **每個測試用例都用顏色編碼** 表示它是通過還是失敗。 * 綠色表示“通過”。 * 紅色表示“失敗”。 * 底部是運行和失敗的測試用例數量的摘要。 | ## 編輯 您可以將編輯器視為**，即發生所有動作的位置**。 它有兩個視圖可用：表和源。 ##### 表格檢視 * 大多數時候，您將使用**表視圖**在 Selenium IDE 上工作。 * 在**中，您可以創建和修改 Selenese 命令。** * 播放后，每個步驟都用顏色編碼。  * 要創建步驟，請在“命令”文本框中鍵入命令的名稱。 * **顯示與您當前鍵入的條目匹配的命令**的下拉列表。 * 目標是命令的任何參數（例如用戶名，密碼），而值是這些目標的輸入值（例如 tom，123pass）。  ##### 源視圖 * 它以 HTML（默認）格式顯示步驟。 * 它還允許您像在表視圖中一樣編輯腳本。  ## 日志窗格 **日志窗格在執行期間顯示運行時消息**。 它提供有關 Selenium IDE 正在執行的實時更新。 **日志分為四種類型：** * 調試-默認情況下，調試消息不顯示在日志面板中。 它們僅在您過濾它們時顯示。 他們提供有關 Selenium IDE 在后臺執行操作的技術信息。 它可能顯示消息，例如特定模塊已完成加載，調用了某些功能或外部 JavaScript 文件已作為擴展加載。 * 信息-它說明 Selenium IDE 當前正在執行哪個命令。 * 警告-這些是在特殊情況下遇到的警告消息。 * 錯誤-這些是當 Selenium IDE 無法執行命令或不滿足“驗證”或“聲明”命令指定的條件時生成的錯誤消息。  **日志可以按**類型過濾。 例如，如果您選擇從下拉列表中選擇“錯誤”選項，則“日志窗格”將僅顯示錯誤消息。  ## 參考窗格 **參考窗格顯示了在編輯器**中當前選擇的 Selenese 命令的簡要描述。 它還顯示了有關定位器的**描述和該命令要使用的值**。  ## UI 元素窗格 UI 元素適用于高級 Selenium 用戶。 **它使用 JavaScript 對象表示法（JSON）定義元素映射。** 文檔和資源可在 Selenium IDE 的“幫助”菜單下的“ UI 元素文檔”選項中找到。  UI 元素屏幕的示例如下所示。  ## 匯總窗格 **匯總使您可以一步執行一組命令。** 一組命令簡稱為“匯總”。 它大量使用 JavaScript 和 UI-Element 概念來制定類似于編程語言中“功能”的命令集合。 **匯總是可重用的**； 意思是，它們可以在測試用例中多次使用。 由于匯總是壓縮為一組的命令組，因此它們在縮短測試腳本方面起了很大作用。  下面顯示了一個匯總選項卡的內容示例的示例。  ## 摘要 * Selenium IDE（集成開發環境）**是 Selenium Suite 中最簡單的工具**。 * 它只能用作**原型工具**。 * **中等主題**（例如執行“ runScript”和“ rollup”命令）需要 JavaScript 和 HTML 知識。**匯總**是可重復使用以縮短測試時間的命令集合 劇本。 **定位符**是告訴 Selenium IDE 如何訪問元素的標識符。 * **Firebug** （或任何類似的附件）用于獲取定位器值**。** * **菜單欄**用于創建，修改測試案例并將其導出為 Selenium RC 和 WebDriver 可用的格式。 * Selenese 命令的**默認格式為 HTML** 。 * **“選項”菜單提供對 Selenium IDE 的各種配置**的訪問。 * **基本 URL** 在訪問**相對 URL** 時很有用。 * **測試用例窗格**顯示當前打開的測試用例的列表以及測試運行的簡要摘要。 * **編輯器**為您的測試腳本提供**界面。** * **表格視圖**以 **表格格式**顯示您的腳本**，其中“命令”，“目標”和“值”為列。** * **源代碼視圖**以 HTML 格式顯示您的腳本**。** * **日志**和**參考**選項卡在執行測試時提供反饋和其他有用的信息。 * **UI 元素和匯總**選項卡是**，僅適用于高級 Selenium IDE 用戶**。 它們都需要花費大量精力來編寫 JavaScript。 * **UI 元素**允許您使用 JavaScript 對象表示法（JSON）方便地**映射 UI 元素**。 下表總結了 Selenium IDE 的發行歷史。 | 主要版本 | 發布日期 | | 1.0.10 | 2010 年 12 月 6 日 | | 1.5.0 | 2011 年 12 月 15 日 | | 1.8.1 | 01-Jun-12 | | 2.1.0 | 30-Jun-13 | | 2.2.0 | 2013 年 7 月 6 日 | | 2.3.0 | 2013 年 8 月 9 日 | | 2.5.0 | 2014 年 1 月 2 日 | | 2.8.0 | 2014 年 9 月 29 日 | | 2.9.0 | 15 年 3 月 9 日 | | 2.9.1 | 2015 年 3 月 15 日 | | 3.0 | 2018 年 4 月 11 日 | | 3.1.0 | 2018 年 6 月 26 日 | | 3.2.0 | 18 年 8 月 13 日 | | 3.4.4 | 18 年 10 月 15 日 |