Selenium IDE - 外掛

---

---

透過整合更多命令和定位器，可以進一步擴充套件 Selenium IDE 的功能。這有助於改進 Selenium IDE 的功能。Selenium IDE 中提供了無數的外掛，下面列出了一些最流行的外掛：

• Blazemaster Chrome 擴充套件程式 - 用於在 Selenium IDE 中執行負載測試。
• 適用於 Selenium IDE 的 Applitools - 用於在 Selenium IDE 中執行視覺測試。
• Chropath - 一個 Chrome 外掛，有助於識別 Web 元素的 xpath 和 css 定位器。
• Ranorex Selocity - 用於識別 Web 元素的 xpath 和 css 定位器。
• Katalon Recorder - 用於識別 Web 元素並記錄對其執行的操作。
• 頁面建模器 - 用於在多種語言上建立自動化測試。

如何在 Selenium IDE 中使用外掛？

讓我們看看如何將適用於 Selenium IDE 的 Applitools 外掛與 Selenium IDE 一起使用。這將有助於我們在 Selenium IDE 中執行視覺測試。視覺測試有助於驗證被測應用程式是否具有正確的 GUI 以供終端使用者使用。視覺測試最常見的示例是驗證徽標、Web 元素的顏色、文字的字型和字型大小、重疊文字等。

Selenium IDE 僅能夠進行功能測試，預設情況下無法執行視覺測試。適用於 Selenium IDE 的 Applitools 外掛建立在 Selenium IDE 之上，用於對視覺測試和功能測試進行自動化。

在 Selenium IDE 中使用外掛的步驟如下：

步驟 1 - 執行連結Selenium IDE 儲存變數中描述的步驟 1 到 4。

步驟 2 - 從 Web 商店安裝適用於 Selenium IDE 的 Applitools 外掛，如下面的圖片所示，然後點選“新增到 Chrome”按鈕。

步驟 3 - 點選彈出視窗上的“新增擴充套件程式”按鈕。

步驟 4 - 建議在步驟 4 之後重新啟動瀏覽器。然後，適用於 Selenium IDE 的 Applitools 圖示將出現在瀏覽器的右上角。點選它以啟動適用於 Selenium IDE 的 Applitools 擴充套件程式。然後點選“註冊免費帳戶”連結以獲取 API 金鑰。

步驟 5 - 在 Applitools 中建立一個帳戶，然後點選“登入”。

步驟 6 - 導航到以下連結並使用在步驟 5 中設定的憑據登入：

https://auth.applitools.com/users/login.

步驟 7 - 點選“我的 API 金鑰”連結並複製 API 金鑰。

步驟 8 - 點選適用於 Selenium IDE 的 Applitools 擴充套件程式並將步驟 10 中複製的 API 金鑰貼上到其中。然後點選“應用”按鈕。

步驟 9 - 應顯示訊息“請開啟 Selenium IDE”。點選 Selenium IDE 擴充套件程式。

步驟 10 - 點選“建立新專案”連結，然後在“請為您的新專案提供名稱”下輸入專案名稱，例如 Test12。最後，我們將點選“確定”按鈕。

步驟 11 - 我們現在將在 Selenium IDE 中準備好工作區。檢查適用於 Selenium IDE 的 Applitools 的眼睛命令，以在 Selenium IDE 中進行視覺測試。

步驟 12 - 讓我們以以下頁面為例，點選“是”標籤旁邊的單選按鈕，然後執行驗證整個視窗的視覺檢查點的視覺測試。

步驟 13 - 在“命令”欄位中輸入 open，在“目標”欄位中輸入Selenium 自動化實踐表單，以啟動應用程式。

步驟 14 - 在“命令”欄位中輸入 click，然後在“目標”欄位中輸入 xpath=/html/body/main/div/div/div[2]/form/div[1]/input。請注意，/html/body/main/div/div/div[2]/form/div[1]/input 是單選按鈕的 xpath 定位器值。

步驟 15 - 在“命令”欄位中輸入 eyes check window，然後在“目標”欄位中輸入 Window Check。

步驟 16 - 透過點選頂部的“執行所有測試”來執行測試。應顯示日誌訊息“正在為測試執行準備外掛”以及用於在 Applitools 中檢查視覺測試的 URL。

步驟 17 - 點選日誌中顯示的連結以檢視 Applitools 應用程式中生成的視覺測試結果。

步驟 18 - 點選 Applitools 中捕獲的螢幕截圖以獲取有關測試的更多詳細資訊，例如執行日期、解析度、平臺、瀏覽器等。

此測試包括功能和視覺自動化測試步驟，並且可以重新執行多次以驗證被測應用程式的功能和 GUI 是否正常工作。

結論

本文總結了我們對 Selenium IDE 外掛教程的全面概述。我們從描述 Selenium IDE 中使用的一些外掛開始，並提供了一個示例來逐步演示如何將外掛與 Selenium IDE 一起使用。這使您深入瞭解 Selenium IDE 中的外掛。建議您持續練習所學內容，並探索其他與 Selenium 相關的外掛，以加深理解並拓寬視野。