Menu
The review-first prompt is selected by default. You can switch to a direct command or download a local copy.
Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
A direct command skips the review prompt. Inspect the source before running it.
npx skills add https://github.com/MisonL/Ling --skill webapp-testingThe command stays on one line. Scroll horizontally to inspect it before copying.
Prefer a local copy? Download the files currently available to SkillsMP.
Based on SOC occupation classification
Showing SKILL.md
| 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）成本高，只用于关键路径。