frontend-unit-testing
CommunityWrite Vitest tests with project conventions.
AuthorTrimud
Version1.0.0
Installs0
System Documentation
What problem does it solve?
The Frontend Unit Testing Skill provides project-specific conventions to write, debug, and review Vitest unit tests for the React storefront, ensuring tests align with repository standards and testing patterns.
Core Features & Use Cases
- Enforces non-import of vitest globals and promotes usage of project test utilities like ConfigWrapper/createConfigWrapper, createTestContext, and createFormDataRequest.
- Encourages MSW-based API mocking, renderHook/render tests with the provided wrappers, and userEvent.setup() for interactions.
- Covers a broad range of testing scenarios including component rendering, hooks, providers, and route/server-action tests while maintaining coding standards.
Quick Start
Begin by adding Vitest-based unit tests for frontend components and hooks that follow the project conventions and use the provided wrappers and utilities.
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-testing Download link: https://github.com/Trimud/Sheep-Vampires-Yoghurt/archive/main.zip#frontend-unit-testing 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.