Test Implementation Patterns
SkillWeb & browsingImplements React/TypeScript unit, integration, and browser E2E tests with the repository's configured runner, mocks, setup, and browser harness. Use when creating or completing frontend tests and generated test skeletons.
Available today. Use it from your connected AI after setup.
No other account needed.
Connect ahel once, and every AI you use reads what you have installed.
Then ask your AI: use the Test Implementation Patterns skill
What this skill tells your AI
The instructions your AI receives, as published by shinpr/claude-code-workflows in skills/test-implement/SKILL.md and read by ahel’s review.
Reference Selection
| Test Type | Reference | When to Use |
|---|---|---|
| Unit / Integration | references/frontend.md | Implementing React component tests with the repository's configured runner and network mocking layer |
| E2E | references/e2e.md | Implementing browser-level E2E tests in the existing harness, or Playwright when the approved work introduces a harness |
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 — mock random and time dependencies
Naming
- Test names describe expected behavior from user perspective
- One test verifies one behavior
Signals
- GitHub stars
- 681
- Forks
- 102
- Last commit
- Sep 2026
Advanced
- Catalog kind
- skill
- Gateway key
test-implement- Source
- github.com/shinpr/claude-code-workflows