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