開発者エクスペリエンス

Nightwatch の中核となる柱の 1 つは、開発者の喜びを確実にすることです。私たちは常に、テストの作成からテストの実行、デバッグに至るまで、ワークフロー全体で摩擦を最小限に抑える方法を模索しています。

Developer Experience

テストの作成

直感的な API

Nightwatch の API は非常に直感的で、理解しやすく、保守しやすいテストの作成に役立ちます。 Nightwatch は、ネットワークリクエストのキャプチャやジオロケーションの設定など、複雑なインタラクションを含む、Web サイトと対話するための幅広いコマンドをサポートしています。 Nightwatch は自動待機をインテリジェントに処理するため、頭を悩ませる必要はありません。今すぐ開始

豊富で強力なセレクター

豊富で強力なセレクターとセレクターを連結する機能を組み合わせることで、要素の検索が非常に簡単になります。 Nightwatch は以下のセレクタータイプをサポートしています

  1. CSS セレクター
  2. XPath ベースのセレクター
  3. テキストベースのセレクター
  4. ロールベースのセレクター
  5. プレースホルダーテキストや代替テキストなどの他の属性に基づくセレクター
  6. ラベルに基づいて入力を見つける

Nightwatch インスペクター

Nightwatch インスペクターは、ブラウザ内で簡単なクリックで耐久性のあるセレクターをすばやく識別できるため、テストを迅速に作成するための生産性ツールです。

Nightwatch Inspector

テストの実行

Nightwatch は実際のブラウザで実行するように設計されており、並列処理を標準でサポートしています。Jenkinsなどの CI マシンやBrowserStackなどのクラウドインフラストラクチャプロバイダーの並列実行機能を活用して、フィードバックループを短縮することで、デプロイ時間を短縮できます。

テストのデバッグ

Nightwatch には、包括的な環境レベルのテスト実行概要とテストレベルの詳細を提供する、組み込みの HTML レポートが付属しています。テストレベルでは、個々のステップを確認できます。DOM 履歴を使用すると、テストの各ステップで更新されたときに各要素を検査できます。

DOM History