Selenium IDE - 建立測試

Selenium IDE 可用於建立自動化測試。最新版本的 Selenium IDE 可作為 Chrome 和 Firefox 的擴充套件程式使用。為了在 Selenium IDE 上建立測試，基本前提是需要從各自的網路商店下載 Chrome 或 Firefox 的 Selenium IDE 擴充套件程式。

在 Selenium IDE 中建立測試

在 Selenium IDE 中建立測試的步驟如下所示：

步驟 1 - 單擊安裝後瀏覽器上可見的 Selenium IDE 擴充套件程式。

步驟 2 - Selenium IDE 應該會隨之啟動，並顯示一條包含工具版本的歡迎訊息。在下圖中，安裝的版本為 3.17.2。

此外，它還提供了選擇我們希望使用該工具做什麼的選項，例如在新的專案中錄製新的測試、開啟現有專案、建立新專案和關閉 Selenium IDE。

此外，還提供了一個帶有文字“Selenium IDE 專案頁面”的連結，單擊該連結將轉到 Selenium 整合開發環境文件頁面。

https://selenium.programming.tw/selenium-ide/

步驟 3 - 我們將單擊“在新的專案中錄製新的測試”選項。之後，我們需要輸入專案名稱，例如SeleniumIDE1。最後，我們將單擊“確定”。

步驟 4 - 在開始在 Selenium IDE 中建立測試之前，我們需要指定應用程式的基本 URL，我們將在其中錄製和建立測試。在下圖中，我們輸入了基本 URL：https://tutorialspoint.tw/selenium/。最後，我們需要單擊“開始錄製”。

步驟 5 - 應該會開啟在步驟 4 中提供的基本 URL 對應的應用程式，並顯示 Selenium IDE 徽標和紅色的 Selenium IDE 錄製訊息。此外，在 Selenium IDE 的頂部應該可以看到一個紅色的圖示（在下圖中突出顯示），表示正在應用程式中進行錄製。

步驟 6 - 我們將在應用程式上執行一些步驟，相應的步驟也將記錄在 Selenium IDE 中。

步驟 7 - 一旦所有測試都已執行完畢，我們將透過單擊步驟 5 中提到的紅色圖示停止錄製。之後，我們需要為測試輸入一個名稱。在下圖中，我們輸入了測試名稱為 TestCase1。最後，我們將單擊“確定”。

步驟 8 - 我們在應用程式上執行的所有步驟都將記錄在 Selenium IDE 的“命令”、“目標”和“值”欄位下。此外，測試用例名稱 - TestCase1，將顯示在左側窗格中，並在右上角有一個REC按鈕。

步驟 9 - 建立測試後，我們可以透過單擊它來獲取該步驟的詳細資訊。完成後，它將顯示在底部的“命令”、“目標”和“值”欄位下。在下面的示例中，我們單擊了第四步，其中命令、目標和值欄位的值分別為type、id=name和Selenium。在此步驟中，我們基本上在輸入框中輸入了文字 Selenium，該輸入框透過具有值為 name 的 id 定位器進行了識別。

步驟 10 - 如果我們單擊“目標”欄位中的下拉選單，我們會發現 Selenium IDE 在錄製時成功捕獲了元素的所有其他定位器值。在下面的示例中，我們單擊了第四步，其中命令、目標和值欄位的值分別為type、id=name和Selenium。在此步驟中，該元素的其他定位器值（如名稱、css 等）在“目標”下拉選單中可見。