Which testing frameworks are supported by this skill?

This skill primarily supports Vitest and React Testing Library for unit tests, and Playwright for end-to-end browser automation.

How do I run the tests generated by this skill?

You can run unit tests using 'npm run test' and E2E tests using 'npx playwright test' as specified in the provided documentation.

Does it support API mocking for frontend tests?

Yes, it includes patterns for mocking API responses using MSW (Mock Service Worker) to test components in isolation.

Can I use this skill for accessibility compliance?

Yes, the skill incorporates Axe-core with Playwright to perform automated accessibility scans and detect violations.

Does it handle user interactions like drag-and-drop or forms?

Yes, it provides specific implementations for testing user events, form submissions, and complex navigation flows.

React Component Testing

Name: React Component Testing
Author: PrasadTelasula

byPrasadTelasula

보안 및 테스팅

Tests React components and user flows using React Testing Library and Playwright to ensure frontend reliability and accessibility.

소개

The React Component Testing skill empowers Claude to author and execute comprehensive test suites for React-based frontends. It provides domain-specific expertise in writing unit tests with React Testing Library, managing end-to-end (E2E) workflows with Playwright, and conducting automated accessibility audits via Axe-core. This skill is particularly useful for developers and QA engineers looking to automate interaction testing, validate API integrations through mocking, and maintain high code quality within complex UI architectures.

주요 기능

Unit testing for React components using React Testing Library and Vitest
End-to-end (E2E) browser automation and user flow testing with Playwright
API mocking patterns for component integration testing
0 GitHub stars
Automated accessibility (a11y) audits using Axe-core integration
Visual regression and CRUD operation verification

사용 사례

Automating complex multi-step user login and dashboard management flows
Ensuring web accessibility compliance across public and admin portals
Verifying UI component behavior and state changes after code refactors

소개

주요 기능

Unit testing for React components using React Testing Library and Vitest
End-to-end (E2E) browser automation and user flow testing with Playwright
API mocking patterns for component integration testing
0 GitHub stars
Automated accessibility (a11y) audits using Axe-core integration
Visual regression and CRUD operation verification

사용 사례

Automating complex multi-step user login and dashboard management flows
Ensuring web accessibility compliance across public and admin portals
Verifying UI component behavior and state changes after code refactors