Playwright环境搭建

1、安装Node.js 18 或更高版本

说明：Node.js 是一个让 JavaScript 代码可以在浏览器之外运行的环境。

node-v#检测是否安装成功

2、安装Playwright

npminstall@playwright/test#安装Playwright测试框架，让你能够编写和运行自动化测试。npx playwrightinstall#下载并安装 Playwright 测试所需的浏览器和依赖项（Chromium, Firefox, WebKit）npx playwright--version#检查安装版本

3、 playwright辅助工具

(1).VS Code 扩展 (Playwright Test for VSCode)

核心功能：

• 可视化测试浏览器：在侧边栏直接查看、运行、过滤测试用例
• Codegen 录制：通过 Record New 按钮，在浏览器中操作并自动生成测试代码，生成的定位器会使用 getByRole、getByTestId 等最佳实践
• AI 辅助修复：当测试失败时，可使用 “Fix with AI” 按钮让 AI 分析错误并尝试修复
• 内联调试：直接在编辑器中查看测试结果和错误信息，一键打开 Trace Viewer

安装方式：

在 VS Code 扩展市场搜索 Playwright Test for VSCode 即可安装。

(2).Codegen (代码生成器)

命令行工具，通过录制操作自动生成测试脚本。

npx playwright codegen https://your-app.com#执行后会打开浏览器，你的点击、输入等操作会被实时记录并转化为 Playwright 代码。