快速開始 Nightwatch.js

Nightwatch.js安裝

開啟一個空目錄。

1. npm init
2. npm i nightwatch — save-dev
3. 執行 npm test 會給提示，目前沒有nightwatch.conf.js 然後自動產生nightwatch.conf.js。
4. 這裡選擇使用chrome driver，執行npm i chromedriver，安裝chromedriver。

複製nightwatch官網上的config

網址：https://nightwatchjs.org/gettingstarted/configuration/

上面有三種driver。

• geckodriver — for running tests in Firefox
• chromedriver — for running tests in Chrome
• selenium-server — for using Selenium Server

剛剛裝了chromedriver，直接使用官網chrome的配置就好。

module.exports = {
  "src_folders" : ["tests"],
  "webdriver" : {
    "start_process": true,
    "server_path": "node_modules/.bin/chromedriver",
    "port": 9515
  },
  "test_settings" : {
    "default" : {
      "desiredCapabilities": {
        "browserName": "chrome"
      }
    }
  }
};

開始測試

在最外層目錄上創tests資料夾。

在tests資料夾裡面新增test.js加入以下內容：

module.exports = {
    'first test' : browser => {
        browser.url('https://www.google.com/')
            .waitForElementVisible('body')
            .assert.titleContains('Google');
    }
}

執行npm test得到以下結果：