genai playwright demo

GenAI 劇作家演示？

生成劇作家測驗？使用 Azure OpenAI

描述

1. 設定係統提示：設定係統提示以指示模型充當劇作家程式碼產生器，提供規則和預期輸出範例。

2. 設定使用者提示：定義產生測試步驟的使用者提示。

3. 傳送請求：使用提示將請求傳送至 Azure OpenAI 的 GPT-4 模型，以產生 Playwright 測試程式碼。

4. 解析回應：解析回應並將其儲存為劇作家測試。

5. 觸發測試執行：將測試作為常規 Playwright 測試來執行。

6. 看結果：照常使用npx playwright show-report指令查看 Playwright 執行結果。

先決條件

• Node.js
• 視覺工作室程式碼
• Azure 訂閱
• Azure 訂閱中的 Azure OpenAI 服務
• 部署了gpt-35-turbo或gpt-4模型的 Azure OpenAI 服務資源
• 更多詳細資訊：Azure OpenAI 先決條件

描述

• 提示 OpenAI 根據指令和測試步驟產生 Playwright Test 程式碼
• 解析 OpenAI 產生的回應並將其儲存到/tests/資料夾中的 Playwright Test 檔案中
• 使用npm test指令自動執行程式中產生的 Playwright 測試
• 查看執行結果，使用npx playwright show-report指令啟動結果

資源：

快速入門：開始將 GPT-35-Turbo 和 GPT-4 與 Azure OpenAI 服務結合使用

運行：

• 設定本地環境變數（有關更多詳細信息，請參閱上面的快速入門連結）

 AZURE_OPENAI_ENDPOINT
AZURE_OPENAI_API_KEY
AZURE_OPENAI_DEPLOYMENT_NAME

• 將此存儲庫克隆到您的本地計算機
• 在 VSCode 中開啟 repo 項目，開啟新的終端機視窗
• 執行npm install指令來安裝依賴項
• 執行npm i --save-dev @playwright/test指令來安裝最新版本的 Playwright
• 使用以下命令運行專案： node PlaywrightTestGenAI.js
• 查看Console執行日誌，等待完成，可能需要幾秒鐘（最多一分鐘）
• 劇作家測試將自動啟動
• 完成後，透過執行以下指令查看 Playwright 測試結果： npx playwright show-report

祝你好運！ ？

筆記：

• 執行期間將產生新的測試文件，即genai-test-2404231521.spec.js
• 任何先前產生的以genai-test開頭的檔案都會備份在/tests-bkp資料夾中
• 每次運行都會產生新的測試檔案並將先前的檔案備份到/tests-bkp資料夾

零步演示

• 註冊帳戶並取得 ZeroStep API 金鑰（令牌）：https://zerostep.com/
• 設定$ export ZEROSTEP_TOKEN="<your token here>"或儲存於系統環境變數中
• 透過命令npm test ZeroStep-test.spec.js運行基於 ZeroStep 的測試
• 完成後，透過執行以下指令查看 Playwright 測試結果： npx playwright show-report