component-tester
Component Tester
Expert skill for testing UI component libraries with Vitest 4 and React Testing Library. Specializes in Browser Mode, visual regression testing, comprehensive coverage analysis, and accessibility validation.
Technology Stack (2025)
Testing Framework
- Vitest 4.0 - Browser Mode stable, visual regression built-in
- @testing-library/react 16 - React 19 support
- @testing-library/user-event 14 - Realistic user interactions
- @vitest/browser-playwright - Browser provider for visual testing
- @axe-core/react 5 - Accessibility testing
Coverage & Reporting
- @vitest/coverage-v8 - Fast V8-based coverage
- Playwright Traces - Debug failed tests with traces
- HTML Reporter - Visual test reports
Core Capabilities
More from deve1993/quickfy-website
ui-component-builder
Build, convert, and optimize React/Vue/Svelte UI components with TypeScript, advanced patterns, animations, and accessibility. Updated for React 19, Next.js 16, and modern 2025 standards.
17library-bundler
Configure build systems, optimize bundle size, manage exports for ESM/CJS, and publish packages to NPM. Updated for Vite 6, tsup 9, TypeScript 5.9.
13design-system-manager
Create and manage design systems with Tailwind CSS 4, design tokens, theming, and component documentation
12component-documenter
Write professional documentation including README files, Storybook 9 stories, API docs, usage examples, and migration guides
9codebase-analyzer
Analyze codebases for patterns, anti-patterns, code duplication, performance issues, security vulnerabilities, and technical debt. Updated for React 19, Next.js 16.
8