Nightwatch101 #28：獨立使用 ChromeDriver 跑測試

這篇要說明一個更輕巧簡便的測試方法－不經 Selenium Server 而獨立使用 Webdriver 來啟動測試的方法，以 ChromeDriver 為例。

♡(´∀｀)人(´∀｀)♡

本系列文章皆使用這個專案，可以拉下來玩玩；有什麼問題都可以提出 issue。

ChromeDriver 是一個為 Chromium 而實作 W3C WebDriver Wire 規範的獨立的應用程式，目前桌機和 Android 上的 Chrome 瀏覽器皆使用這驅動程式（下載 ChromeDriver）。

透過 Selenium Server 使用 ChromeDriver

啟用 ChromeDriver 的方式有兩種

• 透過 Selenium Server 或
• 獨立使用 ChromeDriver

如果是透過 Selenium Server 來使用 ChromeDriver，那麼就直接在設定檔 nightwatch.conf.js 設定 cli 參數 cli_args 即可。

如下，先載入 ChromeDriver，再將 cli_args 的 webdriver.chrome.driver 設定為 ChromeDriver 所在的路徑 chromedriver.path，可參考本專案的設定檔。

const seleniumServer = require('selenium-server');
const chromedriver = require('chromedriver');
const config = {
  "selenium": {
    "start_process": true,
    "server_path": seleniumServer.path,
    "port": 4444,
    "cli_args": {
      "webdriver.chrome.driver": chromedriver.path
    }
  }
}

獨立使用 ChromeDriver

如果只是使用 Chrome 來跑測試，那麼獨立使用 ChromeDriver 是比較簡單且快速的，而且不用安裝 Java 喔，把 Java 移除吧！在 nightwatch.conf.js 設定如下。

Step 1：停用 Selenium Server

關閉自動管理 Selenium Process。

"selenium": {
  "start_process": false
}

Step 2：設定 port 和清除預設的路徑前綴字

ChromeDriver 預設 port 為 9515，並清除 Selenium 預設的路徑前綴字為空字串。

"test_settings": {
  "default": {
    "selenium_port": 9515,
    "selenium_host": "localhost",
    "default_path_prefix": "",
    "desiredCapabilities": {
      "browserName": "chrome",
      "chromeOptions": {
        "args": ["--no-sandbox"]
      },
      "acceptSslCerts": true
    }
  }
}

Step 1 和 Step 2 的 nightwatch.conf.js 設定範例可參考這裡。

Step 3：啟動 ChromeDriver Server

管理 ChromeDriver Process 最簡單的方法就是使用 ChromeDriver 的 npm package，將這個 package 加到 External Globals 檔案，範例可參考這裡。

var chromedriver = require('chromedriver');

module.exports = {
  before: function(done) {
    chromedriver.start(); // 啟動 ChromeDriver
    done();
  },
  after: function(done) {
    chromedriver.stop(); // 停止 ChromeDriver
    done();
  }
};

啟動 ChromeDriver。

./node_modules/chromedriver/bin/chromedriver

在本範例中，切換到 branch webdriver 後，啟動 ChromeDriver 即可開始跑測試。

git checkout webdriver
nightwatch test/e2e/testDemo.js

看使用方法，使用 Command Line 如下，記得將 ChromeDriver 放置在 bin 資料夾中，點此看 Chrome 選項與偏好設定 Options。

./bin/chromedriver -h

總結

由以上可知，若只要測試特定的瀏覽器，Nightwatch 並不一定需要 Selenium Server 才能進行，而可單獨啟用某個瀏覽器的 Webdriver，這會是一種更輕巧簡便的方法。

2018 鐵人賽網址。