frontend-test

Generate React and Vue component tests with React Testing Library.

196|11|Updated Oct 10, 2025
One-click install
npx skills add https://github.com/alekspetrov/navigator --skill frontend-test
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-test
Source: https://github.com/alekspetrov/navigator/tree/main/skills/frontend-test
Command: npx skills add https://github.com/alekspetrov/navigator --skill frontend-test

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automates creation of React/Vue component tests with RTL, ensuring UI correctness with minimal effort.

Core Features & Use Cases

  • Generate unit/integration tests with RTL
  • Include accessibility tests and snapshots
  • Works with common frontend frameworks

Quick Start

Say "Test this component" to generate a test file in the appropriate location.

Frequently Asked Questions about frontend-test

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate tests for React components automatically?

Generate frontend component tests automatically using React Testing Library by providing your component code. The Skill produces test files with RTL imports, render checks, user interaction simulations, and accessibility validations following RTL best practices.

Can I generate tests that include accessibility checks?

Yes, generated tests include accessibility attribute validations alongside unit and integration tests. The output covers rendering verification, user interaction simulation, and accessibility compliance in a single test file.

What types of tests does this generate?

Unit, integration, snapshot, and accessibility tests for React and Vue components. Each test file includes RTL imports, interaction simulations, rendering assertions, and snapshot comparisons following React Testing Library patterns.

Does this work with Vue components or only React?

The Skill generates tests for both React and Vue components. Test output adapts to each framework while maintaining React Testing Library best practices and accessibility coverage.

How do I get started with generating a test file?

Say "Test this component" and provide your component code. The Skill generates a complete test file in the appropriate location with all necessary RTL setup, interaction tests, and accessibility checks.