SuperAPI AI 工具集

playwright-testing

测试与质量

查看项目

更新于 10-15 16:47

技能介绍

用途:对 Web 应用做端到端(E2E)测试,强调跨浏览器、快速与稳定,资料同时给出 Page Object、CI/CD 等实践。

安装:新项目用 npm init playwright@latest;已有项目用 npm install -D @playwright/test 与 npx playwright install。配置在 playwright.config.ts 中定义 testDir、并行、CI 重试与 worker、reporter、baseURL、trace/screenshot/video,以及 chromium、firefox、webkit 和移动端 projects,并可配置 webServer 启动开发服务器。测试目录建议包含 fixtures、pages、tests、utils 与 auth.setup.ts,认证状态存放于 .auth(需 gitignore)。

主要能力:定位器优先使用 getByRole、getByLabel、getByPlaceholder、getByText、getByTitle、getByTestId,避免 CSS,禁用 XPath;支持链式定位与 filter。Page Object 以 BasePage 抽象类派生具体页面类,封装导航、等待与断言。认证通过全局 setup 写入 storageState,测试项目依赖 setup 复用登录态,公开页面可用 storageState 空对象覆盖。测试编写涵盖基础结构、用户流程、Web-First 自动等待断言、软断言、常见断言。网络能力包括 page.route 模拟 API 成功/失败响应、waitForResponse 等待接口。视觉测试支持页面与元素截图、maxDiffPixels 与 mask 忽略动态内容。CI/CD 提供 GitHub Actions 工作流示例,含安装浏览器、运行指定 project、上传报告制品;常用命令如 npx playwright test、--grep、--headed、--project、--debug、npx playwright show-report、npx playwright show-trace。测试数据用 faker 工厂与环境变量。调试支持 trace、--debug、page.pause() 与 VS Code 扩展。资料还要求每个项目包含死链检测测试,但示例代码在此处不完整。

使用方式与限制:需 Node.js 与 npm 环境;凭据、BASE_URL 等通过环境变量注入;资料未提供具体收费与价格信息。