跨瀏覽器測試(手動設定WebDriver)

您可將SideeX Recorder錄製出的測試案例於多種瀏覽器上運行，包含桌面瀏覽器Chrome、Firefox、Edge、Opera、Safari，與Android上之瀏覽器。本文將介紹如何在同一台電腦上達成跨瀏覽器測試。

桌面瀏覽器

1. 安裝Java SE
2. 建立一個目錄，例如selenium_server
3. 下載Selenium Server (已測版本：3.141.59)
4. 將selenium-server-standalone-{version}.jar存放至selenium_server目錄
5. 下載瀏覽器Web Driver並存放至selenium_server目錄

   下列為目前SideeX支援的瀏覽器

   • Chrome
   • Firefox
   • Edge
   • Opera
   • Safari

   Chrome

   已測版本：v74 on Windows and Mac

   1. 下載chromeDriver，請選擇符合電腦上瀏覽器版本
   2. 解壓縮後存放至selenium_server目錄

   Firefox

   已測版本：v67 on Windows and Mac

   1. 下載geckodriver，請選擇符合電腦上作業系統版本
   2. 解壓縮後存放至selenium_server目錄

   Edge

   已測版本：81.0.416.53 on Windows

   1. 下載msedgedriver，請選擇符合電腦上瀏覽器版本
   2. 解壓縮後存放至selenium_server目錄(若使用Selenium Server 3.x版則需將Driver檔名改為MicrosoftWebDriver.exe)

   Opera

   已測版本：v60.0.3255.143 on Mac

   1. 下載operadriver，請選擇符合電腦上作業系統版本
   2. 解壓縮後存放至selenium_server目錄

   Safari

   已測版本：v13.0.2 on Mac

   1. 開啟命令列並執行safaridriver --enable，輸入您的使用者密碼
   2. 開啟Safari，點選Safari > Preferences > Advanced以啟用Develop選單，勾選Show Develop Menu
   3. 點選Develop選單->Allow Remote Automation以啟用Remote Automation，.
6. 開啟SideeX Recorder並點選右上方設定按鈕
7. 啟用 Playback through WebDriver
   
   
8. 在WebDriver Settings中之Server URL欄位填入localhost，在Port欄位填入4444
9. 在browerName欄位填入chrome、firefox、MicrosoftEdge、opera或safari，並在其他欄位留白
   
   
10. 開啟命令列並將路徑變更為selenium_server目錄，執行java -jar selenium-server-standalone-{version}.jar
11. 如果您使用的是 MAC 作業系統，請在selenium_server目錄下於命令列輸入以下指令來授予瀏覽器WebDriver權限：

• 針對Chrome瀏覽器，請執行spctl --add --label 'Approved' chromedriver
• 針對Firefox瀏覽器，請執行spctl --add --label 'Approved' geckodriver
• 針對Edge瀏覽器，請執行spctl --add --label 'Approved' MicrosoftWebDriver
• 針對Opera瀏覽器，請執行 chmod 755 operadriver
• 針對Safari瀏覽器則無需做任何動作

12. 播放測試案例。這些被設定的瀏覽器將會被Selenium Server所啟動並運行測試案例。

行動瀏覽器

底下為目前SideeX所支援的行動裝置平台

• Android
• iOS (Coming soon)

Android

已測環境：Google Pixel 3 on Windows

1. 安裝 Appium
2. 安裝 Java
3. 下載 Chromedriver，請選擇符合行動裝置上瀏覽器版本
4. 下載 SDK Platform Tools
5. 下載 Android Build Tools
6. 將SDK Platform Tools與Android Build Tools解壓縮至一個目錄，例如android_node
7. 開啟USB debugging(位於Android手機上脂Developer options)，並將手機連結至電腦

   若欲使用Android Emulator進行測試，請下載Android Studio與使用Android Virtual Device功能來啟動一個虛擬機，或者安裝其他Android Emulator軟體並開啟USB debugging功能

8. 開啟Appium並點選Edit Configurations，於ANDROID_HOME輸入/path/to/android_node，於JAVE_HOME輸入/path/to/JAVA/jrex.x.x_x。點選Save and Restart
9. Appium啟動後，選擇Advanced，捲動至Android並於Chromedriver Binary Path填入Chrome Driver檔案路徑，點選Start Server
10. 開啟SideeX設定頁面，WebDriver Settings->Add New Service->Appium，Server URL填入localhost，Port填入4723。點選Add New Browser，於browserName、platfromName、deviceName、automationName欄位分別填入chrome、android、<YOUR_PHONE_NAME>、UiAutomator2
    
11. 於Basic Setting中啟用Playback through WebDriver
12. 播放測試案例