什麼是nightwatch

Nightwatch.js 是一個用於web網站或應用的自動化測試框架，使用node.js和W3C WebDriver API （熟知的selenium）

它是一個完整的瀏覽器自動化測試解決方案，能夠簡化持續整合及自動化測試編寫工作。當然它也可以用於nodejs的單元測試過程中。

webdriver 簡介

webdriver是一個瀏覽器自動化的標準庫， 它是selenium（最開始是為java設計，現在基本上已經支援大部分語言了）解決方案中的一部分。

Nightwatch使用webdriver作為瀏覽器任務相關的task，例如開啟瀏覽器例項，保持連線。

webdriver現在已經成為W3C標準， 用於標準化瀏覽器自動化的實現。

nightwatch的實現原理

nightwatch 通過restful http api與 selenium server通訊，從而操作瀏覽器

安裝與配置

安裝nodejs

首先當然需要安裝node.js，安裝教程請參考，這裡就不詳述了

安裝nightwatch

npm install -g nightwatch

其中-g引數表示全域性安裝

Selenium Server Setup

selenium server是webdriver的一個標準化實現，也是最常用的，它允許你通過配置在一個地方同時操作多個不同型別的瀏覽器，而且可以跟瀏覽器保持分離，在不同伺服器或者電腦上，使用rest http進行通訊操作。

Selenium Server

selenium server是一個java應用，nightwatch使用它和多瀏覽器進行通訊。所以你首先需要安裝jdk， 不能低於1.7

下載 Selenium

現在最新版本的 selenium-server-standalone-{VERSION}.jar， 下載地址 Selenium downloads 

啟動Selenium

$ java -jar selenium-server-standalone-{VERSION}.jar

配置nightwatch + selenium

首先建立一個node.js工程， 建立一個目錄名為myproject, 然後進入目錄，在終端上執行npm init -y, 生成一個配置檔案package.json。

nigthwatch test runner 需要配置一個名為nigthwatch.json的配置檔案， 或者nightwatch.conf.js（優先會載入nightwatch.conf.js，沒有的話就載入nightwatch.json）, 配置檔案示例如下

{
  "src_folders" : ["tests"],
  "output_folder" : "reports",
  "custom_commands_path" : "",
  "custom_assertions_path" : "",
  "page_objects_path" : "",
  "globals_path" : "",

  "selenium" : {
    "start_process" : false,
    "server_path" : "",
    "log_path" : "",
    "port" : 4444,
    "cli_args" : {
      "webdriver.chrome.driver" : "",
      "webdriver.gecko.driver" : "",
      "webdriver.edge.driver" : ""
    }
  },

  "test_settings" : {
    "default" : {
      "launch_url" : "http://localhost",
      "selenium_port"  : 4444,
      "selenium_host"  : "localhost",
      "silent": true,
      "screenshots" : {
        "enabled" : false,
        "path" : ""
      },
      "desiredCapabilities": {
        "browserName": "firefox",
        "marionette": true
      }
    },

    "chrome" : {
      "desiredCapabilities": {
        "browserName": "chrome"
      }
    },

    "edge" : {
      "desiredCapabilities": {
        "browserName": "MicrosoftEdge"
      }
    }
  }
}

基礎配置參照下表