Back to Skills

frontend-test

alekspetrov
Updated Today
13 views
47
3
47
View on GitHub
Metatesting

About

This skill automatically generates React/Vue component tests (unit, snapshot, e2e) when developers request component testing. It creates test files using React Testing Library that validate rendering, user interactions, and accessibility. The skill triggers on phrases like "test this component" or "write component test" and follows RTL best practices.

Quick Install

Claude Code

Recommended
Plugin CommandRecommended
/plugin add https://github.com/alekspetrov/navigator
Git CloneAlternative
git clone https://github.com/alekspetrov/navigator.git ~/.claude/skills/frontend-test

Copy and paste this command in Claude Code to install this skill

Documentation

Frontend Test Generator

Generate React/Vue component tests with React Testing Library including user interactions.

When to Invoke

Auto-invoke when user mentions:

  • "Test this component"
  • "Write component test"
  • "Test component"
  • "Add component test"
  • "Component tests for [name]"

What This Does

  1. Generates test file with RTL utilities
  2. Tests component rendering
  3. Tests user interactions (click, type, etc.)
  4. Tests accessibility
  5. Generates snapshot tests

Success Criteria

  • Test file generated with RTL imports
  • Tests render component correctly
  • User interactions are tested
  • Accessibility attributes validated
  • Tests follow React Testing Library best practices

Auto-invoke when writing frontend component tests ⚛️

GitHub Repository

alekspetrov/navigator
Path: skills/frontend-test

Related Skills