SuperAPI AI 工具集

webapp-testing

测试与质量

查看项目

更新于 10-16 09:33

技能介绍

用途:该技能是一个使用 Playwright 与本地 Web 应用交互并进行测试的工具包,支持验证前端功能、调试 UI 行为以及截图等场景。

安装:使用 npm init playwright@latest 初始化 Playwright 环境。

测试结构:测试文件从 @playwright/test 导入 test 与 expect,用 test('名称', async ({ page }) => {...}) 定义用例。示例包括打开 http://localhost:3000 并断言页面标题匹配 /My App/,以及点击 text=About 后断言 URL 匹配 /.*about/。

常用能力:导航(page.goto、goBack、reload);点击(按标签、文本、id、data-testid 选择器);表单输入(fill、selectOption、check);等待(waitForSelector、waitForURL、waitForResponse、waitForTimeout,后者建议尽量避免);断言(toHaveText、toHaveCount、toBeEnabled、toBeVisible、toHaveValue);截图(整页 fullPage 或指定元素);监听 console 与 pageerror;网络拦截(page.route 并可 route.fulfill 返回自定义状态与 JSON 响应)。

运行方式:npx playwright test 运行全部测试,npx playwright test tests/login.spec.ts 运行指定文件,--headed 以有头模式运行,--ui 以 UI 模式运行。

适用场景:需要验证本地运行的前端页面功能、调试界面行为、抓取页面状态或对接口返回做模拟的本地测试工作。

限制:资料仅给出上述安装、编写与运行示例,未提供更完整的能力边界、依赖版本、跨浏览器配置、CI 集成或其他高级用法说明。