Nightwatch v3は、テストの作成から実行、デバッグまで、テストワークフロー全体にわたって多くの新機能を提供します。

新機能


Nightwatchインスペクター

Nightwatch v3では、セレクターを簡単に見つけるのに役立つポイントアンドクリックツールが導入されました。テスト作成の生産性を向上させ、長期的なメンテナンスを軽減するための耐久性のあるセレクターを見つけるのに役立ちます。

Angularコンポーネントテスト

Nightwatch v3は、コンポーネントテストのレパートリーにAngularコンポーネントテストのサポートを追加しました。

テストダブル

以前のバージョンでは、Nightwatchを使用してユニット&統合テストを実行できました。Nightwatch v3は、スタブ、スパイ、モックの組み込みサポートを備えたテストダブルを導入し、ユニットテストで分離を実現します。

まったく新しい要素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は、Deque Systemsが開発したaXe-coreパッケージをプラグインとしてパッケージ化しています。WCAG準拠のための90種類のアクセシビリティテストを可能にします。

DOM履歴

DOM履歴を有効にすることで、テストの発生状況を追体験できます。この機能が有効になっている場合、各テストの後にDOMスナップショットがキャプチャされ、HTMLレポートに表示されてデバッグが向上します。