微軟日前釋出 playwright 這套好用的端點對端點測試工具，開發人員可以透過簡單的指令即可進行瀏覽器操作行為錄製，並製作測試腳本，讓您的產品可以隨時隨地進行回歸測試與 UI 測試，相當方便。除了原本 NodeJS 版本，也有 .NET、Java 與 Python 版本，本篇文章會以 .NET 版本為主，簡單說明如何安裝、錄製與撰寫測試，若有錯誤或任何建議，也請各位前輩不吝指教。
透過 .NET Tools 安裝 Playwright.CLI
.NET Tools 附隨在 .NET SDK 內 (前身為 .NET Core SDK)，安裝完 .NET SDK 後即可以 CLI (命令方式) 執行。在開始之前，請先確認您已經安裝了 .NET Core 3.1 或 .NET 6 SDK。
開啟命令提示字元，輸入下列指令安裝 Microsoft.Playwright.CLI
dotnet tool install --global Microsoft.Playwright.CLI
建立第一個 Playwright 專案
透過命令列方式建立 Console 專案
步驟 1. 我們快速的建立一個 Console 專案，並切換目錄到此專案下。輸入下列指令
dotnet new console -n PlaywrightDemo
cd PlaywrightDemo
步驟 2. 加入 Playwright 套件並且建置專案
dotnet add package Microsoft.Playwright
輸入下令指令建置專案
dotnet build
步驟 3. 安裝瀏覽器
playwright install
透過 Visual Studio 建立 Console 專案
步驟 1. 開啟 Visual Studio，點選建立新專案
步驟 2. 選擇 .NET Core Console 專案，輸入專案名稱
步驟 3. 點選工具 > NuGet 套件管理員 > 管理方案的 NuGet 套件
步驟 4. 搜尋 Playwright 套件
步驟 5. 開啟終端機，輸入下列指令安裝瀏覽器
playwright install
錄製 Playwright 腳本
當您完成專案建置，即可開始自行撰寫或錄製腳本
步驟 1. 我們以 Google 網站搜尋為範例，輸入下列指令，
playwright codegen http://www.google.com
步驟 2. 您會看到瀏覽器已經開啟，並且出現 Playwright Inspector。我們可以開始操作瀏覽器並錄製腳本。
步驟 3. 操作過程中，另一邊會自動幫你加入測試程式腳本，當你完成後，你能複製內容，貼回到剛剛建立的 Console 專案內執行，或者是建立一個新的 NUnit 專案，將腳本加入後變成一個測試專案。
步驟 4. 我們將腳本貼回至 Program.cs ，並執行程式
註：下面圖片是使用. NET 6 簡化範本，若是 .NET 6 之前版本，且貼到 Main 內
建立 NUnit 測試專案並進行測試
透過 Visual Studio 建立 NUnit 專案
步驟 1. 在 Visual Studio 新增 NUnit 專案
步驟 2. 在測試專案內安裝 Playwright 套件
步驟 3. 將腳本貼在 Test 方法內，並且移除斷言 (Assert.AreEqual) 的註解
步驟 4. 右鍵點選方法，點選執行測試
0 留言