Nightwatch Inspector

概觀

Nightwatch Inspector 旨在簡化撰寫測試的過程。使用它的主要優點是

1. 節省識別選擇器的時間
2. 建立更穩健的測試
3. 減少測試檔案和瀏覽器之間的來回切換，因為您可以在瀏覽器本身中測試指令

啟動 Nightwatch Inspector

請按照以下步驟啟動 Nightwatch Inspector

步驟 1 - 新增偵錯行

在您想要啟動 Nightwatch Inspector 的行的測試中新增 browser.debug()。

步驟 2 - 使用偵錯旗標執行測試

使用 --debug 測試執行特定的 Nightwatch 測試

npx nightwatch /test/inspector_demo.js --env chrome --debug

步驟 3 - 開啟 Nightwatch 選擇器

執行測試會開啟一個瀏覽器，並且會在存在 .debug() 的行暫停。現在開啟開發人員工具，按一下 >> 並選取 Nightwatch Inspector。

探索模式

若要取得選擇器建議，您必須啟用探索模式。

啟用探索模式後，當您在瀏覽器視窗中指向並按一下時，您會獲得如下所示的選擇器建議

按一下任何元素以在選擇器歷史記錄中取得建議。

嘗試指令

使用來自選擇器歷史記錄的選擇器，從 Nightwatch Inspector 本身試用 Nightwatch 指令。

所有成功的指令都會顯示在「指令歷史記錄」中，如下所示

您可以直接將這些複製貼上到您的測試檔案中，並非常輕鬆地完成測試撰寫。享受使用 Nightwatch Inspector 撰寫測試的樂趣！