メニュー
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/MisonL/Ling --skill webapp-testingコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
SKILL.md を表示中
SOC 職業分類に基づく
| name | webapp-testing |
| description | Web 应用测试原则。覆盖端到端（E2E）、Playwright 与深度审计策略。 |
| allowed-tools | Read, Write, Edit, Glob, Grep, Bash |
发现并测试一切，不放过任何路由。Web 应用测试（Web App Testing）以完整覆盖为目标。
使用以下脚本执行自动化浏览器测试：
| 脚本（Script） | 用途（Purpose） | 用法（Usage） |
|---|---|---|
scripts/playwright_runner.py | 基础浏览器测试 | python scripts/playwright_runner.py <网址> |
| 带截图输出 | python scripts/playwright_runner.py <网址> --screenshot | |
| 可访问性检查 | python scripts/playwright_runner.py <网址> --a11y |
依赖要求： pip install playwright && playwright install chromium
| 目标（Target） | 如何发现（How to Find） |
|---|---|
| 路由（Routes） | 扫描 app/、pages/、router 文件 |
| API 端点（API Endpoints） | 用 Grep 检索 HTTP 方法 |
| 组件（Components） | 查找组件目录 |
| 功能点（Features） | 阅读相关文档 |
/\ 端到端（E2E，少量）
/ \ 关键用户流程
/----\
/ \ 集成测试（Integration，中量）
/--------\ API、数据流
/ \
/------------\ 组件测试（Component，大量）
单个 UI 单元
| 优先级（Priority） | 测试内容（Tests） |
|---|---|
| 1 | Happy Path（主流程） |
| 2 | 鉴权流程（Authentication flows） |
| 3 | 关键业务动作 |
| 4 | 错误处理 |
| 实践（Practice） | 原因（Why） |
|---|---|
使用 data-testid | 选择器稳定 |
| 等待元素就绪 | 避免不稳定测试（flaky tests） |
| 保持干净状态 | 用例彼此独立 |
| 避免依赖实现细节 | 面向用户行为测试 |
| 概念（Concept） | 用途（Use） |
|---|---|
| Page Object Model（页面对象模型） | 封装页面逻辑 |
| Fixtures（测试夹具） | 复用测试准备过程 |
| Assertions（断言） | 内置自动等待能力 |
| Trace Viewer（追踪查看器） | 调试失败用例 |
| 设置项（Setting） | 建议（Recommendation） |
|---|---|
| 重试次数（Retries） | CI 中设为 2 |
| Trace（追踪） | on-first-retry |
| Screenshots（截图） | on-failure |
| Video（视频） | retain-on-failure |
| 场景（Scenario） | 价值（Value） |
|---|---|
| 设计系统（Design system） | 高 |
| 营销页面（Marketing pages） | 高 |
| 组件库（Component library） | 中 |
| 动态内容页面 | 相对较低 |
| 范围（Area） | 测试内容（Tests） |
|---|---|
| 状态码（Status codes） | 200, 400, 404, 500 |
| 响应结构（Response shape） | 与 schema（模式）匹配 |
| 错误信息（Error messages） | 对用户友好 |
| 边界场景（Edge cases） | 空值、大输入、特殊字符 |
tests/
+-- e2e/ # 全链路用户流程
+-- integration/ # API、数据流
+-- component/ # UI 单元
+-- fixtures/ # 共享数据
| 模式（Pattern） | 示例（Example） |
|---|---|
| 按功能命名（Feature-based） | login.spec.ts |
| 描述性命名（Descriptive） | user-can-checkout.spec.ts |
| 策略（Strategy） | 用途（Use） |
|---|---|
| 按文件并行（Per file） | Playwright 默认策略 |
| 分片（Sharding） | 大规模测试集 |
| Workers（并发工作者）并发 | 多浏览器/多进程执行 |
| [FAIL] 避免（Don't） | [OK] 建议（Do） |
|---|---|
| 测实现细节 | 测用户行为 |
| 硬编码等待时间 | 使用自动等待 |
| 跳过清理步骤 | 确保用例隔离 |
| 忽略不稳定测试（flaky tests） | 修复根因 |
牢记： 端到端（E2E）成本高，只用于关键路径。