• Selenium Video Tutorials

Selenium IDE - 指令碼除錯



Selenium IDE 提供多種指令碼除錯選項,可以幫助我們對指令碼故障進行排查,或用於其他目的。指令碼除錯是為了確保指令碼按預期執行,方法是調查並解決任何錯誤。

Selenium IDE 提供多種除錯技術和功能。

逐步執行

單步執行當前命令”按鈕允許您逐步執行測試,並檢查是否有任何問題。

Selenium Script Debugging 1

重複點選此按鈕,我們可以檢視是否有任何測試步驟未按預期工作。在下圖中,步驟 1 成功執行,在我們點選“單步執行當前命令”按鈕後。“已暫停在偵錯程式中”訊息出現,下一個要執行的步驟(此處為步驟 2)變為黃色。

Selenium Script Debugging 3

在下圖中,現在顯示了另一個按鈕“恢復測試執行”。我們也可以點選它並重新觸發執行。

Selenium Script Debugging 2

再次點選“單步執行當前命令”按鈕時,步驟 2 將被執行,依此類推。

Selenium Script Debugging 4

執行完成後,我們將獲得結果訊息。如果測試透過,我們將在 Selenium IDE 底部的“日誌”選項卡下收到訊息 - <TEST NAME> 已成功完成。此處,我們的測試名稱為 Test4,因此收到訊息 - Test4 已成功完成

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

新增斷點

我們可以點選測試中的行號,以便在 Selenium IDE 中新增斷點來除錯測試步驟。在下圖中,我們在行號 2 和 3 添加了斷點(在 Selenium IDE 中以藍色突出顯示)。

Selenium Script Debugging 5

之後,當我們執行測試時,執行將首先自動停止在第 2 行。“已暫停在偵錯程式中”訊息出現,下一個要執行的步驟(此處為步驟 2)變為黃色。

我們將再次點選“單步執行當前命令”按鈕,這將幫助我們繼續執行下一步。

Selenium Script Debugging 6

一旦我們進入下一步,將重複相同的過程。

Selenium Script Debugging 7

執行完成後,我們將獲得結果訊息。如果測試透過,我們將在 Selenium IDE 底部的“日誌”選項卡下收到訊息 - <TEST NAME> 已成功完成。此處,我們的測試名稱為 Test4,因此收到訊息 - Test4 已成功完成

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

Selenium Script Debugging 8

我們可以透過點選“停用斷點”按鈕來停用所有斷點。再次點選同一個按鈕將啟用所有斷點。

Selenium Script Debugging 9

也可以透過右鍵點選任何步驟並選擇“切換斷點”選項來移除/新增步驟斷點。

Selenium Script Debugging 10

偵錯程式命令

我們可以使用 JavaScript 命令 debugger 以程式設計方式暫停 Selenium IDE 測試。我們需要右鍵點選一個步驟並選擇“插入新命令”選項。

Selenium Script Debugging 11

在“命令”欄位中輸入 debugger 以暫停執行。

Selenium Script Debugging 12

觸發測試執行後,控制將停止在偵錯程式步驟,我們需要使用“恢復測試執行”按鈕恢復執行。“已暫停在偵錯程式中”訊息以及測試名稱將變為黃色。

Selenium Script Debugging 13

執行完成後,我們將獲得結果訊息。如果測試透過,我們將在 Selenium IDE 底部的“日誌”選項卡下收到訊息 - <TEST NAME> 已成功完成。此處,我們的測試名稱為 Test5,因此收到訊息 - Test5 已成功完成

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

Selenium Script Debugging 14

暫停異常

Selenium IDE 中的“暫停異常”功能有助於在遇到錯誤時暫停測試異常。暫停後,我們可以糾正步驟並恢復執行。

讓我們以之前討論的示例為例,我們將故意使測試用例中的一個步驟失敗,方法是更改第 2 行中的定位器 ID 值。在這裡,我們將定位器值更改為 id=names。

Selenium Script Debugging 15

執行完成後,我們將獲得失敗的測試,並且失敗步驟後的其餘測試步驟將不會執行。

Selenium Script Debugging 16

但是,為了防止執行中止,我們需要點選“暫停異常”按鈕,然後再次執行測試。

Selenium Script Debugging 17

在下圖中,執行在第 2 行停止(由於定位器值錯誤),顯示偵錯程式暫停,同時測試名稱變為黃色。

Selenium Script Debugging 20

我們將把定位器值從 id=names 更正為 id=name,然後再次點選繼續測試執行按鈕。

Selenium Script Debugging 18

執行完成後,我們將獲得結果訊息。如果測試透過,我們將在 Selenium IDE 底部的“日誌”選項卡下收到訊息 - <TEST NAME> 已成功完成。此處,我們的測試名稱為 Test5,因此收到訊息 - Test5 已成功完成

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

Selenium Script Debugging 19

本教程到此結束,我們全面講解了 Selenium IDE 的指令碼除錯。我們從一個示例開始,逐步講解了不同的除錯策略,例如逐步執行、新增斷點、偵錯程式命令、暫停異常,並演示瞭如何將它們與 Selenium 一起使用。這將使您深入瞭解 Selenium IDE 中的除錯策略。建議您多練習所學內容,並探索其他與 Selenium 相關的知識,以加深理解並拓寬視野。

廣告