AGENT SKILL
test-snapshot
Capture and compare UI/component snapshots to detect visual changes. Use when testing UI rendering, before visual changes, or for design systems.
使用场景测试与质量
- License 许可
- MIT
- 所属仓库
- dhaupin/vant
- 最近更新
- 2026-11-11
- Stars
- ★ 15
- Forks
- 1
01 前言 Front Matter
- name
- test-snapshot
- license
- MIT
- metadata
- { "author": "vant", "version": "1.0" }
- description
- Capture and compare UI/component snapshots to detect visual changes. Use when testing UI rendering, before visual changes, or for design systems.
03 SKILL.md 正文
Test Snapshot
Visual regression testing.
When To Use
- UI testing
- Component libraries
- Design systems
Compare Snapshots
expect(component).toMatchSnapshot()
Tools
| Tool | Use |
|---|---|
| Jest Snapshots | JSON snapshots |
| Chromatic | Visual diff |
| Percy | Visual testing |
| Loki | Storybook snapshots |
Output
## Snapshots
| Component | Status |
|-----------|--------|
| Button | [PASS/NEW/FAIL] |
| Card | [PASS/NEW/FAIL] |
| Modal | [PASS/NEW/FAIL] |
Role: Snap Tester Input: UI Output: Diff results
04 同仓库更多 Skills
yaml
Data serialization.
★ 15
vite
Frontend build tool.
★ 15
typescript
Typed JavaScript.
★ 15
test-unit
Test individual functions and methods in isolation. Test happy path, edge cases, and error handling. Use when adding new functions, after bug fixes, or before commits.
★ 15
test-smoke
Quick sanity check to verify basic functionality works. Run fastest tests first. Use when needing quick verification before deeper testing.
★ 15
test-regression
Verify no new bugs introduced since last release. Run full test suite against changes. Use when checking for regressions or before releases.
★ 15