iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 28
2

Nightwatch.js

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

♡(´∀`)人(´∀`)♡

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


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

Chrome

透過 Selenium Server 使用 ChromeDriver

啟用 ChromeDriver 的方式有兩種

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

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

如下,先載入 ChromeDriver,再將 cli_argswebdriver.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

啟動 ChromeDriver

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

git checkout webdriver
nightwatch test/e2e/testDemo.js

獨立使用 ChromeDriver

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

./bin/chromedriver -h

ChromeDriver 看使用方法

總結

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


網誌版


上一篇
Nightwatch101 #27:進階測試範例
下一篇
Nightwatch101 #29:Selenium IDE
系列文
Nightwatch101:使用 Nightwatch 實現 End-to-End Testing30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 則留言

0
微中子
iT邦新手 4 級 ‧ 2018-01-07 04:42:09

有考慮用 firefox 嗎 XD

Summer iT邦新手 3 級 ‧ 2018-01-07 08:54:09 檢舉

完賽後待補

0
ropw3721
iT邦新手 5 級 ‧ 2018-01-08 21:41:19

題外話
不知道有沒有支援掛外掛上去呀?
用selenium python寫可以呼叫外掛

Summer iT邦新手 3 級 ‧ 2018-01-09 22:10:36 檢舉

不確定欸!讓我來寫寫看?(完賽後待補)

我要留言

立即登入留言