web-test-case-generatorlisted

# Web 测试用例生成技能 使用此技能根据网站页面自动生成结构化的测试用例。 ## 触发条件 当用户要求： - "为这个页面生成测试用例" - "根据这个网站写测试用例" - "帮我设计 XXX 功能的测试用例" - 提供 URL 并要求测试相关功能 ## 工作流程 ### 1. 打开页面并获取快照 ```bash browser open <url> browser snapshot --refs aria ``` 等待页面加载完成，获取所有可交互元素的引用。 ### 2. 分析页面结构 识别以下元素： - **表单字段**：textbox, combobox, checkbox, radio, button - **导航元素**：link, menu, menuitem - **内容区域**：table, list, heading, paragraph - **操作按钮**：创建、编辑、删除、提交等 ### 3. 按模块生成测试用例 #### 界面测试 (UI) - 页面标题和面包屑 - 表单布局 - 必填项标识 - 输入框占位符 - 按钮显示 #### 功能测试 - 输入字段 对每个输入字段生成： - 正常输入 - 必填校验（留空） - 长度限制 - 格式校验 - 特殊字符处理 #### 功能测试 - 下拉选择 对每个下拉框生成： - 展开列表 - 选择选项 - 必填校验 - 联动效果 #### 流程测试 - 完整提交流程 - 取消操作 - 刷新页面 - 连续提交 - 多条目操作 #### 异常测试 - 网络中断 - 会话过期 - 数据冲突 - 并发操作 #### 权限测试 - 有权限操作 - 无权限拦截 - 只读限制 - 跨项目/数据访问 #### 兼容性测试 - 主流浏览器（Chrome/Firefox/Safari） - 不同分辨率 ### 4. 输出格式 #### Markdown 表格格式 ```markdown | 功能模块 1 | 功能模块 2 | 用例级别 | 测试点 | 前提条件 | 测试步骤 | 预期结果 | |-----------|-----------|---------|--------|---------|---------|---------| | KAE | 应用管理 | P0 | KAE-应用中心 - 应用名称正常输入 - 可以输入 test-app-001 | 已登录 SRE 平台 | 输入 test-app-001 | 输入成功，无报错 | ``` #### CSV 格式 ```csv 功能模块 1,功能模块 2，用例级别，测试点，前提条件，测试步骤，预期结果 KAE，应用管理，P0,"KAE-应用中心 - 应用名称正常输入 - 可以输入 test-app-001","已登录 SRE 平台","输入 test-app-001","输入成功，无报错" ``` ### 5. 用例级别标准 | 级别 | 说明 | 占比参考 | |-----|------|---------| | P0 | 核心功能测试用例 (冒烟测试) | 20-25% | | P1 | 高优先级测试用例 (基本功能 + 重要错误/边界) | 35-40% | | P2 | 中优先级测试用例 (异常/UI/容错) | 30-35% | | P3 | 低优先级测试用例 (兼容性) | 5-10% | ### 6. 测试点命名规范 格式：`{产品}-{模块}-{功能点}-{测试场景}-{