Does this skill help with web accessibility?

Yes, it integrates @axe-core/react to perform automated accessibility audits, checking for ARIA compliance, color contrast, and keyboard navigation.

Which testing frameworks does this skill support?

It is primarily optimized for Vitest and React Testing Library (RTL), using jest-dom matchers for clean, expressive assertions.

Can it help me reach 100% code coverage?

While it provides the tools to analyze line, branch, and function coverage, it focuses on testing user behavior to ensure meaningful test quality over just metrics.

How does it handle data fetching during tests?

The skill utilizes Mock Service Worker (MSW) to intercept network requests and provide mocked responses, ensuring tests remain isolated and fast.

React Component Tester

Name: React Component Tester
Author: deve1993

bydeve1993

•

セキュリティとテスト

Automates the creation, execution, and analysis of comprehensive UI component tests using Vitest and React Testing Library.

概要

This skill empowers developers to build robust, accessible React component libraries by managing the entire testing lifecycle. It specializes in generating high-quality unit and integration tests, performing accessibility audits with axe-core, and monitoring code coverage. By leveraging user-centric testing patterns and sophisticated API mocking with MSW, it ensures components behave correctly in real-world scenarios while maintaining strict quality standards and identifying untested code paths.

主な機能

Comprehensive accessibility (a11y) validation using axe-core
Realistic user interaction simulation via user-event
Advanced API mocking and network interception using MSW
Deep code coverage analysis and threshold monitoring
Automated test generation for Vitest and React Testing Library
1 GitHub stars

ユースケース

Refactoring legacy frontend code while maintaining zero regressions via snapshot testing
Improving project health by identifying and filling gaps in test coverage metrics
Ensuring new UI components meet accessibility standards and functional requirements

概要

主な機能

Comprehensive accessibility (a11y) validation using axe-core
Realistic user interaction simulation via user-event
Advanced API mocking and network interception using MSW
Deep code coverage analysis and threshold monitoring
Automated test generation for Vitest and React Testing Library
1 GitHub stars

ユースケース

Refactoring legacy frontend code while maintaining zero regressions via snapshot testing
Improving project health by identifying and filling gaps in test coverage metrics
Ensuring new UI components meet accessibility standards and functional requirements