2022年5月26日 星期四

Playwright 簡易介紹

常見的UI測試工具有哪些?

 

Purpteer Sharp

Playwright

Cypress

瀏覽器

Chromium

ChromFirefoxWebKitEdge 瀏覽器

Chrome FireFox Edge Brave

支援語言

c#

.NETNode.jsPythonJavaJavaScript and TypeScript

JavaScript

 

Playwright 

優點:

 1. 跨平台,macOSLinuxWindows皆可用

2. 跨瀏覽器,可操控 WebKitFirefoxChromium三大瀏覽器

3. 跨語言,Playwright原本是以Node.js開發,後來微軟陸續移植到PythonJava.NET上,雖然語法不同但有著相似的API

4. 完整的工具鍊,Playwright包括PlaywrightPlaywrightTest Runner 兩部份

 


安裝方式 

可以透過nuget 套件直接安裝 



安裝 Playwright CLI 工具

 這是一個 .NET CLI Global Tool (全域工具),安裝好之後才有 `playwright` 命令列工具可用。 

dotnet tool install global Microsoft.Playwright.CLI

 

安裝瀏覽器 

dotnet tool install global Microsoft.Playwright.CLI

 





 

錄製腳本

playwright codegen http://b2b.lab.etzone.net/Web/B2B_B2ELogin

 





可以透過錄製行為,產生程式碼

 

文件說明

https://playwright.dev/dotnet/docs 

l   Locators 定位器自動waiting元素



 l   Text input 文字輸入









l   SetInputFilesAsync 上傳圖片




l   Evaluating JavaScript 執行JS語法







l    彈跳視窗








    實測的結果,錄製的效果算不錯,比起傳統手動寫code的速度快很多,如果需要大量UI的測試,很適合喔~  程式語法也簡易好懂,希望大家喜歡我的介紹和說明