Classify unit, hook, and component tests for Vitest with Testing Library and axe.
npx skills add https://github.com/sswapnil2/ai-config-fintech --skill write-vitest
Please help me install this Agent Skill. Skill: write-vitest Source: https://github.com/sswapnil2/ai-config-fintech/tree/main/skills/write-vitest Command: npx skills add https://github.com/sswapnil2/ai-config-fintech --skill write-vitest
Writing tests that verify core logic, hooks, and UI components using Vitest often lacks standardized patterns. This Skill provides a clear approach to structure unit, hook, and component tests for React/Next and SvelteKit apps, ensuring consistent test quality and maintainability.
Create a test file beside the module (foo.test.tsx / Foo.test.ts) and run pnpm test <file> to execute the tests.
High-intent search queries and answers about installing and using this skill.
Identify what to test in a module and classify test types into unit, hooks, and components to create focused Vitest tests. Cover React/Next and SvelteKit components using Testing Library patterns to ensure consistent test quality and maintainability.
Avoid snapshot tests for dynamic UI because they create brittle test failures and mask actual component behavior. Enforce testing guardrails that use MSW for API interactions and include accessibility checks with axe for more robust validations.
Isolate React hooks in Vitest by classifying them as hook tests and using proper test utilities and providers. This separates hook logic from pure unit functions and component rendering to ensure focused test coverage.
Yes, Vitest can run accessibility checks on SvelteKit components by requiring axe for a11y validations. Component tests verify Svelte UI using Testing Library patterns while enforcing accessibility standards.
Test pure functions with parameterized cases to cover edge conditions in Vitest unit tests. This approach ensures your core logic handles various inputs correctly and maintains consistent behavior across different scenarios.
hopeovertureScaffold Vitest, RTL, Playwright, and axe-core testing for Next.js projects.
alexsandrocruzGuide Jest and Vitest tests for JavaScript and TypeScript projects.
EliasOulkadiGenerate unit, integration, E2E, and visual regression tests with MSW and Playwright.
TinkerbellsRun Vite-native unit and integration tests with a Jest-compatible API.
