Nightwatch v3 為您的測試工作流程帶來了許多新功能,從編寫、執行到除錯測試。

新功能


Nightwatch Inspector

Nightwatch v3 引入了點擊工具,可協助您輕鬆找到選取器。它將提高您編寫測試的生產力,並協助您找到持久的選取器,以降低長期維護成本。

Angular 元件測試

Nightwatch v3 已將 Angular 元件測試的支援新增至元件測試產品組合中。

測試替身

在較早的版本中,您可以使用 Nightwatch 執行單元與整合測試。Nightwatch v3 引入了測試替身,內建支援 stub、spy 和 mock,以在單元測試中實現隔離。

全新的元素 API

在 Nightwatch v3 中,我們已修改元素 API,使測試編寫更簡單、更簡潔。

更豐富且強大的選取器

最新版本中引入了新的選取器

  1. .findByText()
  2. .findByPlaceholderText()
  3. .findByAltText()
  4. .findByRole()

您也可以鏈結選取器,以尋找更難找到的元素

範例

browser.element.find('#selector').findByText('text').click();

效能改進

Nightwatch v3 已針對平行執行實作工作執行緒,我們觀察到 Nightwatch v2 與 v3 之間的效能提高了 25%。立即試用

重大變更

我們已盡力確保升級至 v3 時沒有重大變更。但是,如果您需要移轉協助,請透過我們在 Discord 上的新Nightwatch v3 頻道與我們聯絡

發行說明

請參閱發行說明部分,以取得有關最新變更的資訊。發行說明

Nightwatch v2 的主要重點


在真實與虛擬行動裝置上執行您的測試

Nightwatch v3 帶來了行動裝置協助工具,可協助您安裝在行動裝置上執行 Web 測試所需的一切。Nightwatch 支援 Android 與 iOS 真實與虛擬裝置上的真實瀏覽器。

在 Android 與 iOS 上執行行動應用程式測試

Nightwatch 在幕後使用 Appium,以在 Android 與 iOS 裝置上啟用原生行動應用程式測試。它具有以下功能來簡化您的行動應用程式測試工作流程。

  1. 使用行動裝置協助工具輕鬆設定
  2. 用於編寫測試的原生 Nightwatch 指令和斷言
  3. 與 Appium 除錯工具整合

元件測試

透過 Nightwatch,您可以將元件掛載在瀏覽器中,以隔離方式測試元件。Nightwatch 2 新增了對熱門 Web 框架的元件測試支援,例如

  1. React
  2. VueJS
  3. Storybook

視覺迴歸測試

Nightwatch v3 將視覺迴歸測試作為內部外掛程式引入。此外掛程式會處理

  1. 擷取螢幕截圖
  2. 與基準比較,以醒目提示視覺差異
  3. 報告以檢閱差異
  4. 核准變更

VRT 可在真實桌面與行動瀏覽器上執行。此外,VRT 也可在元件測試中作為元件的一部分執行。

API 測試

API 測試現在可透過 Nightwatch v3 使用。以下功能可透過 API 測試達成

  1. 請求斷言
  2. 回應斷言
  3. 在 HTML 報告中檢視 API 測試
  4. 模擬伺服器

可存取性測試

Nightwatch v3 將 aXe-core 套件 (由 Deque Systems 開發) 作為外掛程式封裝。它針對 WCAG 合規性啟用 90 種不同的可存取性測試。

DOM 歷史記錄

透過啟用 DOM 歷史記錄,重溫測試的發生情況。啟用此功能後,系統會在每次測試後擷取 DOM 快照,並顯示在 HTML 報告中,以進行更好的除錯。