Agent Skills
› shinpr/claude-code-workflows
› test-implement
test-implement
GitHub指导实现各类测试，包括基于RTL+Vitest+MSW的React组件单元测试、集成测试及Playwright E2E测试。遵循AAA结构、测试独立性及用户视角命名规范，确保测试确定性与可维护性。
Trigger Scenarios
需要编写React组件单元测试
需要编写集成测试
需要编写E2E测试
实施前端测试最佳实践
Install
npx skills add shinpr/claude-code-workflows --skill test-implement -g -y
SKILL.md
Frontmatter
{
"name": "test-implement",
"description": "Test implementation patterns and conventions. Use when implementing unit tests, integration tests, or E2E tests, including RTL+Vitest+MSW component testing and Playwright E2E testing."
}
Test Implementation Patterns
Reference Selection
| Test Type | Reference | When to Use |
|---|---|---|
| Unit / Integration | references/frontend.md | Implementing React component tests with RTL + Vitest + MSW |
| E2E | references/e2e.md | Implementing browser-level E2E tests with Playwright |
Common Principles
AAA Structure
All tests follow Arrange-Act-Assert:
- Arrange: Set up preconditions and inputs
- Act: Execute the behavior under test
- Assert: Verify the expected outcome
Test Independence
- Each test runs independently without depending on other tests
- No shared mutable state between tests
- Deterministic execution — no random or time dependencies without mocking
Naming
- Test names describe expected behavior from user perspective
- One test verifies one behavior
Version History
- 66e3b29 Current 2026-07-05 11:57
