CEF-based 應用程式的自動化測試 – WebDriver 篇

CEF 是基於 Chromium，談到 CEF-based application 的自動化測試，就不免讓人聯想到 ChromeDriver (它實作了 WebDriver/JSON Wire Protocol，可以用來操控 Google Chrome 及 Chromium)。

在實務上我們通常無法單獨選用一種方法來實作自動化測試，因為 CEF-based application 類似手機上的 hybrid apps，都是用 WebView (也就是這裡的 CEF/Chromium) 將網頁內容內嵌在 native UI 中，在一個測試中要交互操作 native UI 跟 web UI 的情況 (切換 context) 並不少見。

CEF-based 應用程式的自動化測試

基本上，CEF-based application 的自動化測試有兩種做法：

Accessibility – 適用 native UI (與 web UI)

啟用 CEF/Chromium 對 accessibility 的支援，再透過不同 OS 的 accessibility API 操控 UI element。

WebDriver – 只適用於 web UI

啟用 CEF/Chromium 的 remote debugging，再搭配 ChromeDriver (WebDriver API) 操控網頁的內容。

CEF-based 應用程式的自動化測試 – Accessibility 篇

Accessibility 是 CEF-based application 自動化測試的方法之一，下面用 OS X 的 cefclient 來做說明。

在實務上我們通常無法單獨選用一種方法來實作自動化測試，因為 CEF-based application 類似手機上的 hybrid apps，都是用 WebView (在這裡是 CEF) 將網頁內容內嵌在 native UI 中，在一個測試中要交互操作 native UI 跟 web UI 的情況 (切換 context) 並不少見。

Selenium 使用 CSS locator 定位 HTML element

Selenium 提供多種 locator strategy，本篇文章將說明透過 CSS locator 來定位 HTML element。將用以下幾個 Case 說明：