SuperAPI AI 工具集

webapp-testing

测试与质量

查看项目

更新于 10-16 06:15

技能介绍

webapp-testing 用于通过 Browser MCP 测试 Web 应用 UI,并结合 Storybook 验证组件。

用途:对前端组件和后端集成页面进行交互式测试,检查渲染、状态、错误与网络请求。

主要能力与工具:browser_navigate 打开 URL;browser_click 点击元素;browser_type 输入文本;browser_hover 悬停;browser_snapshot 获取页面状态;browser_take_screenshot 截图;browser_console_messages 检查错误;browser_network_requests 调试 API 调用;browser_resize 测试响应式布局;browser_press_key 进行键盘交互。

使用方式:Storybook 测试需先运行 npm run storybook,再访问 http://localhost:6006,随后用 browser_snapshot 验证渲染、browser_click 操作控件、browser_console_messages 检查错误。Web 应用测试需先运行 npm run dev,访问 http://localhost:3000,使用 browser_type 填写表单、browser_click 提交或导航、browser_network_requests 验证 API 调用、browser_snapshot 验证状态变化。

检查清单包括组件正确渲染、无控制台错误、不同尺寸响应式、键盘导航、加载与错误状态、网络请求成功。

常见问题排查:空白页用 browser_console_messages;API 失败用 browser_network_requests;布局损坏用 browser_take_screenshot;点击无效用 browser_snapshot 查找选择器。

限制:资料未提供安装方式、收费、价格、支持平台或具体效果说明。