本地 Web 应用 Playwright 测试
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @org-02qudk26/cn-webapp-testing。
技能介绍
解决的问题
本地 Web 应用自动化测试常被三件事拖住:服务启动参数分散、前后端需要同时起、页面 DOM 动态变化导致选择器写错。这个技能把重点收敛到本地 Playwright 脚本,并通过 scripts/with_server.py 作为黑盒管理单服务器或多服务器生命周期,避免手工复制服务启动逻辑。
工作方式和边界
核心流程是“先侦察,后操作”:先渲染页面并检查 DOM,从结果里识别 text=、role=、CSS 或 ID 选择器,再执行点击、输入、断言等动作。动态应用里,检查 DOM 前可等待 page.wait_for_load_state('networkidle')。脚本通常使用 sync_playwright() 编写,完成后关闭浏览器,并用 page.wait_for_selector() 等显式等待降低竞态。
注意:不要直接阅读大脚本源码来“猜用法”,先运行 --help 查看参数;只有确实需要定制时再进入源码。该技能适合本地单页面、静态 HTML、前后端联调等可被 Playwright 覆盖的场景,不替代后端单元测试、性能压测或安全测试。
使用场景
- 联调前后端时启动本地服务,用 Playwright 完成登录和核心流程验证
- 检查页面按钮、链接和输入框,识别可用选择器后再执行自动化操作
- 静态 HTML 本地自动化中捕获控制台日志,定位前端报错和脚本异常
- 编写同步 Playwright 脚本,显式等待选择器出现后再提交表单并断言结果
适合人员
- 负责前端联调的工程师:需要在本地同时起前端和后端服务并验证关键路径
- 编写 Playwright 脚本的工程师:希望从 DOM 中识别稳定选择器并减少竞态
- 维护静态页面的工程师:需要本地打开 HTML、捕获控制台日志并复现异常
- 做端到端验收的工程师:需要用同步脚本等待元素出现后执行提交和断言