test-implement

Implements 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.

Quality

78%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

Securityby

Passed

No findings from the security scan

Fix and improve this skill with Tessl

tessl review fix ./skills/test-implement/SKILL.md

Test Implementation Patterns

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 — no random or time dependencies without mocking

Naming

Test names describe expected behavior from user perspective
One test verifies one behavior

Repository: shinpr/claude-code-workflows
Path: skills/test-implement/SKILL.md
Commit: 56ab6c1

Last updated: 4 days ago
First committed: 5 months ago

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.