Agent Skills
返回列表
网页应用自动化测试

网页应用自动化测试

开发编程 更新于 2026.08.30

将以下提示词粘贴到你的 AI 对话框中：

请根据 https://skillhub.cn/install/skillhub.md，安装 @user_24e9cdd5/webapp-testing 到 AI 助手中。

技能介绍

解决的问题

本地网页应用经常需要在后端、前端和静态页面同时可用时验证交互。手工起服务、等加载、找选择器，再写 Playwright 脚本，既容易遗漏等待条件，也容易把服务管理逻辑混进测试代码。

技能如何工作

  • 黑盒调用辅助脚本：先运行 scripts/with_server.py --help 查看用法，再用它启动单个或多个服务；测试脚本内只保留 playwright 操作逻辑。
  • 先侦查后操作：检查渲染后的 DOM，从结果中确定 text=、role=、CSS 或 ID 选择器，再执行点击、输入、断言。
  • 同步 Python 风格：优先使用 sync_playwright()，配合 page.wait_for_load_state('networkidle')、page.wait_for_selector() 等待，结束前执行 browser.close()。

适用边界与注意点

该技能面向本地网页应用的自动化测试，适合按钮、链接、输入框发现、静态 HTML 操作和控制台日志抓取。动态应用必须先等待稳定状态再检查 DOM；不要把辅助脚本当源码阅读对象，也不要假设它能替代真实后端业务校验。

使用场景

  • 本地启动前端和后端后，用 Playwright 验证表单提交按钮是否跳转成功。
  • 打开本地静态 HTML 页面，发现按钮和输入框，并自动化完成填写。
  • 动态页面加载后等待 networkidle，再检查 DOM 并确定可靠选择器。
  • 在自动化脚本中抓取控制台日志，定位前端报错或资源加载失败原因。

适合人员

  • 负责本地网页联调的前端工程师，要快速验证页面交互和选择器。
  • 维护本地全栈应用的开发者，要同时启动前后端并执行自动化检查。
  • 做浏览器自动化脚本的工程师，要用 Python Playwright 稳定操作动态页面。
  • 需要排查本地网页控制台报错的技术测试人员，要抓取日志和检查 DOM。