兩秒學會Selenium研發部 2016.08.09

講者：研發部 黃建樺 Vito

目錄• What’s Selenium• Selenium 主要的四項開源軟體• Selenium IDE 基礎指令

What’s Selenium

• Selenium 是為瀏覽器自動化，所設計的一套工具集合，讓程式可以直接驅動瀏覽器進行各種網站操作。

What’s Selenium

• Selenium 是為瀏覽器自動化，所設計的一套工具集合，讓程式可以直接驅動瀏覽器進行各種網站操作。• Selenium 是執行「實際的瀏覽器」來進行網站操作的自動化，它能夠直接獲取即時的內容，包括被 JavaScript 修改過的物件內容，讓程式可以直接與網頁元素即時互動、執行 JavaScript 程式。

What’s Selenium

• Selenium 是為瀏覽器自動化，所設計的一套工具集合，讓程式可以直接驅動瀏覽器進行各種網站操作。• Selenium 是執行「實際的瀏覽器」來進行網站操作的自動化，它能夠直接獲取即時的內容，包括被 JavaScript 修改過的物件內容，讓程式可以直接與網頁元素即時互動、執行 JavaScript 程式。

• 因此也適用於輔助前端開發。

What’s Selenium

• Selenium 是為瀏覽器自動化，所設計的一套工具集合，讓程式可以直接驅動瀏覽器進行各種網站操作。• Selenium 是執行「實際的瀏覽器」來進行網站操作的自動化，它能夠直接獲取即時的內容，包括被 JavaScript 修改過的物件內容，讓程式可以直接與網頁元素即時互動、執行 JavaScript 程式。

• 因此也適用於輔助前端開發。• 適用於多種類型的功能測試「網頁表單」、「按鈕功能連結」、「取得網頁內容並檢驗」、「找尋網頁弊端」。

Selenium 主要的四項開源軟體• Selenium IDE

• 是 Firefox 的附加元件，需搭配 Firefox 瀏覽器才能使用。• 錄製操作網頁的動作，產生可重複回放的 Test case 。

Selenium 主要的四項開源軟體• Selenium IDE

• 是 Firefox 的附加元件，需搭配 Firefox 瀏覽器才能使用。• 錄製操作網頁的動作，產生可重複回放的 Test case 。• 讓測試開發變得快速。

Selenium 主要的四項開源軟體• Selenium IDE

• 是 Firefox 的附加元件，需搭配 Firefox 瀏覽器才能使用。• 錄製操作網頁的動作，產生可重複回放的 Test case 。• 讓測試開發變得快速。

• Selenium WebDriver• 整合 Test case ，讓測試案例可以多個平台處理。• 可以處理多種瀏覽器 IE 、 FireFox 、 Safari 、 Chrome 等等…

Selenium 主要的四項開源軟體• Selenium IDE

• 是 Firefox 的附加元件，需搭配 Firefox 瀏覽器才能使用。• 錄製操作網頁的動作，產生可重複回放的 Test case 。• 讓測試開發變得快速。

• Selenium WebDriver• 整合 Test case ，讓測試案例可以多個平台處理。• 可以處理多種瀏覽器 IE 、 FireFox 、 Safari 、 Chrome 等等…• 可以處理 Browser 、 Windows 、 popup 、 JavaScript alerts 、 framesd 等• 可以處理進階使用者行為，例如 drag and drop （ step4 ）、 Ctrl+Mouse

Click 等等• 支援 Python 、 Java 、 C# 、 Ruby…

Selenium 主要的四項開源軟體• Selenium Remote Control

• 簡稱 Selenium RC ，提供遠端執行 Selenium 的 Client / Server 架構 。• 測試專案搭配持續整合（ Continous Integration ）伺服器時使用。

Selenium 主要的四項開源軟體• Selenium Remote Control

• 簡稱 Selenium RC ，提供遠端執行 Selenium 的 Client / Server 架構 。• 測試專案搭配持續整合（ Continous Integration ）伺服器時使用。

• Selenium Grid• 提供一個讓 Selenium 可以同時執行在多台不同電腦環境的架構。

Selenium 主要的四項開源軟體• Selenium Remote Control

• 簡稱 Selenium RC ，提供遠端執行 Selenium 的 Client / Server 架構 。• 測試專案搭配持續整合（ Continous Integration ）伺服器時使用。

• Selenium Grid• 提供一個讓 Selenium 可以同時執行在多台不同電腦環境的架構。• 如下圖， Senlenium 將程式佈署在 Node1~Node4 執行，並且彙整測試結果在 Hub 。

Selenium IDE 基礎指令• Click ：單擊物件，需知物件之元素表達式。• Select ：應用於下拉式表單，選擇指定選項。

Selenium IDE 基礎指令• Click ：單擊物件，需知物件之元素表達式。• Select ：應用於下拉式表單，選擇指定選項。• Check ：勾選單選框、複選框。• Uncheck ：取消勾選。

Selenium IDE 基礎指令• Click ：單擊物件，需知物件之元素表達式。• Select ：應用於下拉式表單，選擇指定選項。• Check ：勾選單選框、複選框。• Uncheck ：取消勾選。• Focus ：將焦點轉移至指定元素上。• Type ：賦值於指定元素。• sendKeys ：模擬使用者鍵入於指定元素。

Selenium IDE 基礎指令• Pause ：使測試暫停數秒，可自行設定。• Break ：強制暫停測試，需手動啟動『繼續』方可繼續執行。

Selenium IDE 基礎指令• Pause ：使測試暫停數秒，可自行設定。• Break ：強制暫停測試，需手動啟動『繼續』方可繼續執行。• MouseDown ：模擬鼠標於指定元素按下左鍵，不放開。• Mouseup ：模擬鼠標於指定元素放開左鍵。

Selenium IDE 基礎指令• Pause ：使測試暫停數秒，可自行設定。• Break ：強制暫停測試，需手動啟動『繼續』方可繼續執行。• MouseDown ：模擬鼠標於指定元素按下左鍵，不放開。• Mouseup ：模擬鼠標於指定元素放開左鍵。• MouseOver ：模擬鼠標位置放置於指定元素上。• MouseOut ：模擬鼠標位置離開於指定元素上。

示範使用 Selenium IDE• 好～～來玩玩 Selenium IDE 吧！ＸＤＤ