Wei 技術分享

一、介紹 「Katalon Recorder」 是一款錄製 Web UI 測試 工具，安裝於 Chrome、FireFox 瀏覽器。 Katalon Recorder 錄製瀏覽器的操作過程，並可產生 C#, Java, Python 的測試原始碼，讓工程師更易撰寫 WEB UI 測試。 此文章將介紹使用 Katalon Recorder 錄製腳本，並把腳本移至 Visual Studio 2019 做單元測試。 二、腳本內容 開啟 Google 搜尋關鍵字 測試 ，檢視第二筆搜尋結果的描述是否為 「這是一個根據弗洛伊德焦慮類型理論…」 。 三、 Nuget 套件 MSTest.TestAdapter ( 測試專案預設會安裝 ) MSTest.TestFramework ( 測試專案預設會安裝 ) Selenium.WebDriver Selenium.WebDriver.ChromeDriver 四、教學步驟 圖一、安裝套件。 圖二、 Chrome 瀏覽器安裝 Katalon Recorder 。 圖三、開啟 Katalon Recorder ( 注意右上角的 ICON ) 圖四、開始錄製腳本 圖五、操作瀏覽器(此時 Katalon Recorder 就會錄製腳本) 圖六、停止錄製 圖七、產生 C# 程式碼 圖八、將程式碼貼到 測試專案 圖九、將 FirefoxDriver 改成 ChromeDriver ，讓單元測試使用 Chrome 瀏覽器。 圖十、執行 測試 。 圖十一、測試結果。 四、相關連結 Selenium 前端 UI 自動化測試、爬蟲程式 最佳利器 五、參考 Katalon Recorder Katalon Recorder 下載 ( Chrome 擴充功能 )

一、介紹 「Selenium」 讓瀏覽器自動化的工具，可運用於爬蟲程式、前端 UI 自動化測試、Web 應用程式管理..等，支援多種語言如 C#，Java，Perl，PHP，Python..等。 範例程式將介紹如何使用 C# 語言運用 Selenium 撰寫 自動載圖程式 (簡易爬蟲)，讓應用程式開啟瀏覽器，前往 Google 圖片 ，下載 5 張 JPEG 圖檔。 二、 Nuget 套件 Selenium.WebDriver Selenium.WebDriver.ChromeDriver 三、教學步驟 圖一、安裝 Selenium 套件 。 圖二、貼上範例程式 var driver = new ChromeDriver(); //瀏覽器 轉址至 Google圖片 driver.Url = @"https://www.google.com.tw/imghp?hl=zh-TW"; //輸入關鍵字 "Selenium" var searchInput = driver.FindElementByCssSelector(@".gLFyf"); searchInput.SendKeys("Selenium"); //按下 Enter searchInput.SendKeys(Keys.Enter); //抓取圖片清單 var imgTags = driver.FindElementsByTagName("img").ToList(); //取得 5張 jpeg 圖片 var images = imgTags.Select(x => x.GetAttribute("src")).Where(x => x!=null && x.StartsWith("data:image/jpeg;base64,")).Take(5).ToList(); //下載圖片 foreach(var image in images) { byte[] bytes = Convert.FromBase64String(image.Replace("data:image/jpe

一、「NuGet」介紹 「NuGet」 於 Microsoft 平台用於管理、安裝、移除、升級第三方套件的工具。 二、操作步驟 此操作步驟是下載第三方套件 Selenium 。 圖一、對 專案 的 參考 按下滑鼠右鍵，再按下 管理Nuget套件 。 圖二、於文字框輸入 Selenium ，下載 Selenium.WebDriver 。(如果沒找到，請確認 套件來源 是否為 nuget.org 。) 圖三、安裝成功後如下圖所示。 三、參考 NuGet Wiki

一、介紹 「Apache Maven」介紹請參考 「Apache Maven」安裝步驟 。 「LODE」介紹請參考 「LODE」安裝步驟 。 「Tomcat」介紹請參考 「Tomcat」安裝步驟 。 二、操作步驟 步驟一、請先安裝 「Apache Maven」、「LODE」、「Tomcat」，安裝連結如下清單 「Apache Maven」安裝步驟 。 「LODE」安裝步驟 。 「Tomcat」安裝步驟 。 步驟二、「Tomcat」新增登入使用者 圖一、開啟資料夾 F:\Tomcat\conf 、編輯 tomcat-users.xml 檔案。 圖二、加入 Tomcat 角色，並且建立帳號 123、密碼 123 的 Tomcat 登入使用者。 請於 tomcat-users 之中加入底下程式碼。 <!-- Tomcat 登入角色 --> <role rolename="admin-gui"/> <role rolename="admin-script"/> <role rolename="manager-gui"/> <role rolename="manager-script"/> <role rolename="manager-jmx"/> <role rolename="manager-status"/> <!-- Tomcat 登入使用者 --> <user username="123" password="123" roles="admin-gui,admin-script,manager-gui,manager-script,manager-jmx,manager-status"/> 設定畫面如下所示 圖三、瀏覽 Tomcat 首頁 ，按下 Manager App 按鈕並且登入 Tomcat App 管理頁面 ( 帳號:123 、 密碼:123 )。 圖四、瀏覽到 Tomcat

一、介紹 「LODE」 是 Tomcat Server 應用程式軟體，可以將 OWL(Web Ontology Language) 轉換成 Html，讓人更方便閱讀。 二、安裝 圖一、安裝 LODE 前須先安裝 OpenJDK 、 Apache Maven 。 圖二、下載 LODE 原始碼 。 圖三、解壓縮 LODE 至 F:\LODE 。( 解壓縮位置可選擇其他路徑。 ) 圖四、開啟 命令提示字元 ，切換到 F 槽 、輸入 cd F:\LODE 。 圖五、再輸入 mvn clean jetty:run 啟動 LODE ，待畫面如下再執行下個步驟。(第一次啟動會較久，因為 mvn 會先下載 LODE 所需的資源。) 圖六、開啟瀏覽器，輸入網址 http://localhost:8080/lode/extract?url=http://www.loa.istc.cnr.it/ontologies/DOLCE-Lite.owl ，出現以下畫面代表啟動成功。( http://www.loa.istc.cnr.it/ontologies/DOLCE-Lite.owl 可改成網路上其他OWL檔網址。) 三、相關連結 OpenJDK 安裝步驟 Apache Maven 安裝步驟 四、參考 LODE 原始碼下載頁面 OWL(Web Ontology Language) 網站 測試用 OWL 檔

一、介紹 「Apache Maven」 是Apache軟體基金會所開發的軟體，被廣泛應用於 JAVA 自動化編譯、發佈、管理的工具。 二、安裝 圖一、安裝 Apache Maven 前須先安裝 OpenJDK 。 圖二、下載 Apache Maven 。 圖三、解壓縮 Apache Maven 至路徑 F:\maven 。( 解壓縮位置可選擇其他路徑。 ) 圖四、系統變數 Path 於尾端加入 ;F:\maven\bin 。( 注意有分號。 ) 圖五、開啟 命令提示字元 輸入 mvn -ver ，出現以下畫面則代表安裝成功。 三、相關連結 OpenJDK 安裝步驟 四、參考 Apache Maven Wiki Apache Maven 官網 Apache Maven 下載頁面

一、介紹 「Tomcat」 是Apache軟體基金會的專案所開發的軟體。支援 JSP 、內含HTTP伺服器可單獨使用、也可搭配 Apache HTTP 伺服器 一同使用。 二、安裝 圖一、安裝 Tomcat 前須先安裝 OpenJDK 。 圖二、依照 CPU類型 下載相對的 Tomcat 版本。( 64位元的 CPU 則下載64位元版本的 Tomcat。 ) 圖三、解壓縮 Tomcat 至 F:\Tomcat 。( 解壓縮位置可選擇其他路徑。 ) 圖四、開啟資料夾 F:\Tomcat\bin ，執行 startup.bat 批次檔，啟動 Tomcat 。 圖五、開啟瀏覽器，輸入網址 http://localhost:8080 ，出現以下畫面代表安裝成功。 三、相關連結 OpenJDK 安裝步驟 四、參考 Tomcat Wiki JSP Wiki Apache HTTP 伺服器 Wiki Tomcat 官網 Tomcat 下載頁面

一、介紹 「OpenJDK」 是JAVA開發環境的開源版本，相較於 JDK 一部分採用商業授權，「OpenJDK」是完全開源與免費。 因此為了避免商業授權問題，建議使用「Java SE」的「JDK 」逐一替換成「OpenJDK」。 二、安裝 圖一、進入 OpenJDK JDK 13 下載頁面 按下「OpenJDK」 圖二、下載完後解壓縮至 F:\OpenJDK ( 解壓縮位置不一定要放這裡，可以選擇其他位置。 ) 圖三、加入系統變數 JAVA_HOME ，變數值為 F:\OpenJDK 。( OpenJDK 解壓縮位置。 ) 圖四、系統變數 Path 於尾端加入 ;%JAVA_HOME%\bin 。( 注意有分號。 ) 圖五、加入系統變數 CLASSPATH ，變數值為 %JAVA_HOME%\lib 。( 如果 CLASSPATH 變數已存在，則於尾端加入 ;%JAVA_HOME%\lib 。 ) 圖六、開啟 命令提示字元 輸入 java ，出現以下畫面則代表安裝成功。 三、參考 OpenJDK 官網 OpenJDK JDK 13 下載頁面