Playwright本地Web应用验证
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_3c6cb52e/verify-local-web-apps-with-playwright-scripts-and-managed-dev-servers 到 AI 助手
技能介绍
要解决的问题
本地 Web 应用的验证往往停留在"手动跑起来看一眼":启动开发服务器、等端口就绪、切到浏览器点几个链接,然后凭印象判断有没有问题。这个过程不可重复,也很难交给自动化流程或智能体执行。缺少脚本时,换个人、换个环境,验证结果就可能不一致。
这个技能做什么
该技能基于 Anthropic 的 webapp-testing 技能封装,把验证流程拆成三段:
- 拉起本地服务:执行一个或多个本地 Web 应用的启动命令;
- 等待可达:在运行脚本前确认服务已经能访问;
- 原生 Playwright 检查:对渲染后的真实页面跑原生 Playwright 断言,而不是只检查静态文件。
它面向智能体驱动的验证与 UI 调试场景,把「启动服务 → 确认可用 → 浏览器端检查」串成一条可重复的链路,让代码改动后的验证不再依赖人肉点检。
适用边界
它不是把 Playwright 当作通用浏览器框架来介绍,而是聚焦本地应用的端到端验证。使用前提是环境里已有 Python、Playwright,以及可执行的本地 Web 服务器命令。相关上游文档托管在 Anthropic 的 skills 仓库中,技能提取自该仓库的 webapp-testing 目录。
使用场景
- 改完前端路由后,启动本地服务让Playwright跑一遍页面跳转确认无回归
- 本地接口联调期间,拉起多个后端服务验证聚合页面在真实渲染下的取数表现
- 调试登录流程时,用浏览器脚本走完表单提交并检查跳转后的页面状态
- 排查样式问题时,在本地渲染后截图或断言关键元素位置是否符合预期
适合人员
- 需要把本地改动接入自动化验证的前端工程师,诉求是减少手动点检回归
- 负责智能体工具链的开发者,诉求是让Agent在沙箱里自主完成Web应用冒烟测试
- 从事Web应用QA的测试人员,诉求是把启动服务到浏览器断言的流程固化为可复用用例
- 搭建本地开发环境的DevOps工程师,诉求是确认多服务联调时各端口可达且页面正常渲染