frontend-unit-test
CommunityEnforce Vitest unit tests for frontend code.
AuthorKwondongkyun
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This skill standardizes and enforces frontend unit testing practices, ensuring consistency across utilities, custom hooks, and pure logic, so teams write reliable tests.
Core Features & Use Cases
- Enforces the Arrange-Act-Assert (AAA) testing pattern across tests.
- Encourages colocated tests in the same directory as the source code and avoids separate tests directories.
- Provides clear mocking guidelines that restrict mocking to external dependencies and support testing of custom hooks with renderHook, including provider-wrapped scenarios.
- Supports asynchronous test patterns and common edge cases to improve test robustness.
Quick Start
Create tests that follow the AAA pattern in the same directory as the code under test and run Vitest to validate behavior.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: frontend-unit-test Download link: https://github.com/Kwondongkyun/claude-code-settings/archive/main.zip#frontend-unit-test Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.