testing-helper
Installation
SKILL.md
Testing Helper
Master testing for React and React Router v7 applications. Learn how to write effective tests using Vitest and React Testing Library.
Quick Reference
Basic Component Test
import { render, screen } from "@testing-library/react";
import { expect, test } from "vitest";
test("renders button", () => {
render(<Button>Click me</Button>);
expect(screen.getByText("Click me")).toBeInTheDocument();
});
Test User Interactions
Related skills
More from code-visionary/react-router-skills
typescript-patterns
TypeScript patterns for React Router v7 - Type-safe loaders, actions, params, generic components, and utility types
22component-optimization
React performance optimization patterns - React.memo, useMemo, useCallback, code splitting, and preventing unnecessary re-renders
13loader-action-optimizer
Best practices for React Router v7 loaders and actions - parallel fetching, deferred data, optimistic UI, and error handling patterns
12route-scaffolder
Scaffold complete CRUD routes for React Router v7 - Generate list, create, details, and edit routes following best practices
10