Selenium WebDriver - 錄製與回放

---

---

Selenium WebDriver 不能直接用於錄製和回放。Selenium 元件通常被稱為 Selenium 工具套件。總共有四個工具，它們一起被稱為 Selenium 元件。Selenium 的各個元件列在下面：

• Selenium IDE

• Selenium RC

• Selenium WebDriver

• Selenium Grid

Selenium IDE

對於錄製和回放功能，我們需要使用 Selenium IDE。

Selenium 整合開發環境 (IDE) 是 Selenium 套件的重要組成部分。它最初是作為 Firefox 外掛開發的，但現在可在 Firefox 和 Chrome 瀏覽器中使用。Selenium IDE 的一些功能列在下面：

• 在 Selenium IDE 中可以進行功能測試的錄製、除錯、執行和編輯。

• Selenium IDE 中的指令碼是用 Selenese 編寫的，Selenese 是 Selenium 中的一種指令碼語言。

• Selenium IDE 命令幫助我們執行諸如單擊按鈕或連結、在編輯框中輸入內容、從 Web 元素中獲取文字等等任務。

• Selenium IDE 測試可以轉換為 Java、C#、Python、TestNG 等格式。其預設格式為 .html。

• Selenium IDE 測試可以匯出並在 Selenium WebDriver 和 Selenium RC 中使用。

• Selenium IDE 不需要技術或程式設計知識。因此，它只能用於測試簡單的場景，而不能用於涵蓋任何複雜的用例。

• Selenium IDE 不提供用於資料驅動測試的測試引數化功能。

• 如果 Selenium IDE 用於複雜的測試專案，則物件和其他可重用元件的維護將很困難。

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

下面列出了在 Selenium IDE 中建立一個測試以演示錄製和回放功能的步驟：

開啟 Selenium IDE

步驟 1 - 點選安裝後在瀏覽器上顯示的 Selenium IDE 擴充套件程式。

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

除此之外，它還提供了一些選項，例如在新專案中錄製新測試、開啟現有專案、建立新專案和關閉 Selenium IDE。

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

https://www.selenium.dev/selenium-ide/

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

錄製測試

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

步驟 2 - 應該開啟之前提供基本 URL 的相應應用程式，其中包含 Selenium IDE 徽標和紅色的 Selenium IDE 錄製訊息。此外，Selenium IDE 的頂部應該顯示一個紅色圖示（如下圖所示），表示正在對應用程式進行錄製。

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

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

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

步驟 6 − 建立測試後，點選測試步驟即可檢視詳細資訊。完成後，詳細資訊將顯示在底部的“命令”、“目標”和“值”欄位中。在下面的示例中，我們點選了第四步，其中“命令”、“目標”和“值”欄位的值分別為“type, id=name”和“Selenium”。此步驟中，我們實際上是在一個使用 id 定位符（值為 name）標識的輸入框中輸入了文字 Selenium。

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

步驟 8 − 點選我們建立的任何測試步驟後，透過導航到下面的“參考”選項卡，即可檢視命令的詳細資訊以及執行的操作。

步驟 9 − 右鍵點選任何步驟，可以選擇手動插入新命令（新增新步驟）、剪下、複製、清除、切換斷點（用於除錯）等操作。

回放錄製的測試

步驟 1 − 要執行建立的測試，請點選頂部所示的“運行當前測試”按鈕（如下圖所示）。

如果有多個測試，則需要點選如下圖所示的“執行所有測試”按鈕。

如果步驟中添加了斷點，則需要點選如下圖所示的“單步執行當前命令”按鈕，圖中步驟 2 和 4 已設定斷點。

步驟 2 − 可以使用如下圖所示的“測試執行速度”按鈕控制測試執行速度。

預設情況下，Selenium IDE 中的速度設定為“快速”。

步驟 3 − Selenium IDE 提供了使用右上角的圖示建立、開啟和儲存專案的選項（如下圖所示）。

我們將儲存專案並繼續。儲存後，需要為專案指定名稱和儲存位置。

步驟 4 − 我們將使用“運行當前測試”按鈕執行測試 - TestCase1。

回放後分析測試結果

執行完成後，將收到結果訊息。如果測試透過，則會在 Selenium IDE 底部的“日誌”選項卡下收到訊息 - <測試名稱> 成功完成。這裡我們的測試名稱為 TestCase1，因此收到訊息 - TestCase1 completed successfully。

除此之外，所有測試步驟以及測試用例名稱都將變為綠色，表示所有步驟均透過。在“日誌”選項卡下顯示的所有步驟均顯示綠色的“OK”。

因此，在 Selenium IDE 中，我們可以獲得測試結果的步驟級資訊，並且只有當所有步驟都成功執行時，才能在測試用例級別獲得“透過”的結果。

本教程到此結束，本教程全面介紹了 Selenium Webdriver 的錄製和回放功能。我們首先介紹了 Selenium IDE（因為 Selenium Webdriver 不能直接用於錄製和回放），然後逐步講解了如何開啟 Selenium IDE、錄製測試、回放錄製的測試以及回放後分析測試結果。這使您掌握了 Selenium IDE 的深入知識。建議您多加練習所學內容，並探索與 Selenium 相關的其他知識，以加深理解並拓寬視野。