インストールする

最初にプロジェクトを作成し、次にプロジェクトを入力します。

cd nightwatch-guide

次に、プロジェクトのpackage.jsonを初期化します

npm init -y

次に、依存関係をインストールします。

npm install nightwatch

Selenium Serverに基づいているため、これをインストールする必要があります。

npm install selenium-server

chrome-driverがテストされることを願っています。Googleドライバーを再インストールしてください。もちろん、Firefoxや他のドライバーを選択することもできます

npm install chromedriver

別のドライバーをインストールする

npm install geckodriver

プロンプト

上記がうまくいかない場合は、cnpm代わりの方法を使用してください
公式サイトの紹介でjdkをインストールしたいのですが、jdkなしで試したことはありませんでしたコンピューターのjdk環境が最初からあったのでアンインストールしませんでした。インストール中に、パッケージやモジュールが見つからなかったなどのJavaのようなエラーを報告した場合は、依存関係をインストールする前にjdkをインストールしてください。
公式ウェブサイトのこの部分には概要があります：http : //nightwatchjs.org/gettingstarted#selenium-server-setup

構成
プロジェクトのルートディレクトリに新しいnightwatch.conf.jsファイルを作成し、次のコードをそのファイルにコピーします

module.exports = {
  src_folders: ['examples'],
  output_folder: 'output',
  custom_assertions_path: [],
  page_objects_path: '',
  globals_path: '',

  selenium: {
    start_process: true,
    server_path: require('selenium-server').path,
    host: '127.0.0.1',
    port: 5555,
    cli_args: {
      'webdriver.chrome.driver': require('chromedriver').path
    }
  },

  test_settings: {
    default: {
      selenium_port: 5555,
      selenium_host: 'localhost',
      silent: true,
      globals: {
        devServerURL: 'http://localhost:' + (process.env.PORT || 1111)
      }
    },

    chrome: {
      desiredCapabilities: {
        browserName: 'chrome',
        javascriptEnabled: true,
        acceptSslCerts: true
      }
    },

    firefox: {
      desiredCapabilities: {
        browserName: 'firefox',
        javascriptEnabled: true,
        acceptSslCerts: true
      }
    }
  }
}

最初のテストケース

コーディングテストコード

設定src_foldersのディレクトリをテストディレクトリとして使用する必要はありません。

プロジェクトのルートディレクトリに新しいサンプルフォルダーを作成して、テストスクリプトを保存します。次に、新しいjsファイルをテストファイルとして作成します。
示されているように：

examples
  |---01-hello-nightwatch.js

次に、テストスクリプトを記述します。

module.exports = {
  'search nightwatch on baidu': function (browser) {
    browser
      .url('http://www.baidu.com')
      .waitForElementVisible('body', 1000)
      .setValue('#kw', 'nightwatch')
      .click('#su')
      .pause(3000)
      .waitForElementVisible('#content_left', 3000)
      .end();
  }
};

上記の使用例は、Baiduで夜警のキーワードを検索するユーザーのプロセスをシミュレートします。

ユースケーステストを実行する

実行中のスクリプトをpackage.jsonのスクリプトに追加します。