Selenium IDE - 瀏覽器執行和命令列執行器

---

---

在 Selenium IDE 中開發的測試用例應該能夠在 Chrome、Firefox、Safari、Edge 等多個瀏覽器中執行，只需對測試用例進行少量更新。這有助於檢查被測應用程式是否在所有瀏覽器中都按要求工作。

為什麼跨瀏覽器執行有益？

通常在處理任何應用程式時，例如電子商務或旅遊預訂等，我們會觀察到，在進行付款或將產品新增到購物車時，應用程式在特定瀏覽器上的頁面載入時間過長。

作為使用者，我們會立即推斷該應用程式可能存在錯誤或正在進行的問題，然後轉向具有類似產品和功能的不同公司網站。

閱讀更多 - Selenium Webdriver 跨瀏覽器測試

Selenium IDE 跨瀏覽器執行的先決條件

• 在本地系統中安裝 Chrome 或 Firefox 中的 Selenium IDE。有關其安裝的更多資訊，請參閱連結 Selenium IDE 安裝。
• 使用以下連結安裝 Node.js（版本高於 10）：https://nodejs.com.tw/en/download/。
• 透過在終端中執行命令：node -v 檢查 Node.js 是否已成功安裝。應返回已安裝的 Node.js 版本。以及 Node.js 安裝，npm 也應安裝。透過在終端中執行命令：npm -v 檢查 npm 是否已安裝。應返回已安裝的 npm 版本。
• 透過在終端中執行命令安裝 Selenium side runner：npm install -g selenium-side-runner。

如何在多個瀏覽器中執行 Selenium IDE 測試？

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

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

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

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

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

步驟 3 - 單擊“建立新專案”連結，然後輸入專案名稱（例如，Test7）到“請為您的新專案提供名稱”下。最後，我們將單擊“確定”按鈕。

步驟 4 - 我們現在將在 Selenium IDE 中準備好工作區。

步驟 5 - 在“命令”欄位中輸入 open，在“目標”欄位中輸入 https://tutorialspoint.tw/selenium/，以啟動應用程式。

步驟 6 - 在“命令”欄位中輸入 type，在“目標”欄位中輸入 id=name，在“值”欄位中輸入 Selenium。請注意，id=name 是輸入框的定位器值，Selenium 是要輸入的值。

步驟 7 - 在“命令”欄位中輸入 close 以關閉瀏覽器視窗。

步驟 8 - 單擊左窗格中顯示的三個點，然後選擇“重新命名”選項。

步驟 9 - 在“重新命名測試用例”欄位中輸入名稱（例如 Test7），然後單擊“重新命名”。輸入的名稱將顯示在 Selenium IDE 的左側。

步驟 10 - 單擊頂部的“執行所有測試”，然後等待測試執行完成。在我們的示例中，我們將看到執行：1，失敗：0，以及一個綠色條，表示測試已成功執行，沒有任何失敗。此外，訊息“Test7 已成功完成”出現在“日誌”下。

在上例中，我們使用出現在“日誌”下的 id 定位器在輸入框中輸入了文字“Selenium”。此外，我們在測試用例名稱 - Test7 的旁邊得到了一個綠色勾號，表示測試透過。所有這些都是使用諸如 open、type 和 close 之類的 actions 命令成功執行的。

除此之外，所有測試步驟以及測試用例名稱都變為綠色，反映所有步驟都 PASS。在“日誌”選項卡下顯示的所有步驟都在綠色中顯示“確定”。

步驟 11 - 單擊“儲存專案”，該專案將儲存為 Test7.side 檔案。

步驟 12 - 要在 Chrome 瀏覽器中執行此測試，我們需要執行命令：npm install -g chromedriver。同樣，要執行 Firefox 中的測試，我們需要執行命令：npm install -g geckodriver。要在 Edge 中執行測試，我們需要執行命令：npm install -g edgedriver。要在 Internet Explorer 中執行測試，我們需要執行命令：npm install -g iedriver。

步驟 13 - 要啟動 Selenium Side Runner 並執行我們在步驟 11 中儲存的測試，我們需要執行命令：selenium-side-runner /path/to/.side。

不同瀏覽器執行的瀏覽器功能

要為本地執行新增 Chrome 瀏覽器功能，命令將為：

selenium-side-runner -c "browserName=chrome".

要為本地執行新增 Safari 瀏覽器功能，命令將為：

selenium-side-runner -c "browserName=safari".

要為本地執行新增 Edge 瀏覽器功能，命令將為：

selenium-side-runner -c "browserName=edge".

要為本地執行新增 Internet Explorer 瀏覽器功能，命令將為：

selenium-side-runner -c "browserName=internet explorer".

要為本地執行新增 Internet Firefox 瀏覽器功能，命令將為：

selenium-side-runner -c "browserName=firefox".

結論

本教程對 Selenium IDE 瀏覽器執行和命令列執行器的教程進行了全面介紹。我們首先介紹了瀏覽器執行的含義，為什麼跨執行有益，在跨瀏覽器中執行 Selenium IDE 測試的先決條件，如何在不同的瀏覽器中執行它們，以及如何在不同的瀏覽器中執行它們時新增瀏覽器功能。這使您掌握了 Selenium IDE 中瀏覽器執行和命令列執行器的深入知識。明智的做法是繼續練習您所學到的內容，並探索與 Selenium 相關的其他內容，以加深您的理解並拓寬您的視野。