openspec-browser-test
星标2
分支0
更新时间2026年5月31日 13:31
OpenSpec工作流完成后手动触发，使用opencli-browser做UI端到端自动化测试
安装
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
SKILL.md
readonly
下载
相关职业SOC
基于 SOC 职业分类
菜单
OpenSpec工作流完成后手动触发，使用opencli-browser做UI端到端自动化测试
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
CodingHub 工具广场操作指南。当用户要求搜索/安装/发布/更新 CodingHub 工具，发帖到论坛，管理知识库，或与 CodingHub 平台交互时使用。支持双通道：MCP 优先，HTTP 直连自动降级（Python 或 Node.js CJS CLI 封装，跨平台）。
使用 CodeWiki-CN MCP 工具为代码仓库生成 Wiki 文档并管理 LLM Wiki 知识库。支持三层增强模式：codebase-memory-mcp（深度增强：Leiden 聚类、Cypher 查询、跨服务追踪、复杂度分析）、CodeGraph（调用图增强）、或纯 CodeWiki（标准模式）。自动检测可用 MCP 服务器并选择最优模式。当用户要求生成 Wiki、代码文档、仓库文档、分析代码库结构时使用。
UI/UX design intelligence with searchable database
Use when building and packaging the project for deployment, including frontend build, backend JAR, and creating distribution zip
中文 review 沟通参考——话术模板、分级标注（必须修复/建议修改/仅供参考）、国内团队常见反模式应对。仅在用户显式 /chinese-code-review 时调用，不要根据上下文自动触发。
中文 commit 与 changelog 配置参考——Conventional Commits 中文适配、commitlint/husky/commitizen 中文模板、conventional-changelog 中文配置。仅在用户显式 /chinese-commit-conventions 时调用，不要根据上下文自动触发。
| name | openspec-browser-test |
| description | OpenSpec工作流完成后手动触发，使用opencli-browser做UI端到端自动化测试 |
重要: 这是一个手动触发的 skill，用于在开发任务和单元测试全部完成后，对 UI 进行端到端浏览器自动化测试验证。
在以下条件满足后执行：
npm run dev)opencli doctor
必须确保 doctor 通过，否则浏览器测试无法执行。
基于 specs/**/*.md 中的 GIVEN/WHEN/THEN 场景转换为测试用例：
# 示例：测试概览页面统计卡片加载
opencli browser overview open "http://localhost:5173/overview"
opencli browser overview wait selector ".glass-card" --timeout 15000
opencli browser overview find --css ".stat-card"
opencli browser overview get text ".stat-value"
# 验证数值 > 0
# 打开页面
opencli browser <session> open "<url>"
# 页面快照（带 [N] 索引）
opencli browser <session> state
# 查找元素
opencli browser <session> find --css "<selector>"
# 点击/悬停
opencli browser <session> click <target>
opencli browser <session> hover <target>
# 输入/填充
opencli browser <session> type <target> "<text>"
opencli browser <session> fill <target> "<text>"
# 获取值
opencli browser <session> get text <target>
opencli browser <session> get value <target>
# 等待
opencli browser <session> wait selector "<selector>" --timeout <ms>
opencli browser <session> wait text "<text>" --timeout <ms>
# 截图
opencli browser <session> screenshot [<path>]
# 网络请求
opencli browser <session> network
# 关闭会话
opencli browser <session> close
本 skill 是 opencli-browser 在 OpenSpec 工作流中的具体应用：
详细命令和规则请参阅 opencli-browser skill。
browser-test artifact 应包含：
## Test Summary
| Test Case | Status | Notes |
|-----------|--------|-------|
| TC-001: 页面加载 | ✅ PASS | StatCard 正确渲染 |
| TC-002: 数据验证 | ✅ PASS | 用户总数 12,847 |
| TC-003: Tab 切换 | ❌ FAIL | 分类 Tab 切换后数据未更新 |
| TC-004: 响应式 | ✅ PASS | 375px/768px/1024px 均正常 |
**Overall:** 3/4 Passed
遇到问题一定要自动修复，不要停下来问我 修复问题后自动重启服务验证问题是否修复