Run any Skill in Manus with one click

frontend-test

Stars32

Forks3

UpdatedJanuary 21, 2026 at 17:46

Generate frontend component tests (unit, snapshot, e2e). Auto-invoke when user says "test this component", "write component test", or "add component test".

Installation

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

Run Skill in Manus

Source

dkyazzentwatwa

dkyazzentwatwa/SuperNavigator

View GitHub Repository View Creator Repositories

Download

Run Skill in Manus

Related occupationsSOC

Based on SOC occupation classification

Software Quality Assurance Analysts and TestersComputer and Mathematical Occupations·SOC 15-1253

SKILL.md

readonly

name	frontend-test
description	Generate frontend component tests (unit, snapshot, e2e). Auto-invoke when user says "test this component", "write component test", or "add component test".
allowed-tools	Read, Write, Edit, Grep, Glob, Bash
version	1.0.0

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

Generates test file with RTL utilities
Tests component rendering
Tests user interactions (click, type, etc.)
Tests accessibility
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 ⚛️

More from this repository

same repository

backend-endpoint

dkyazzentwatwa/SuperNavigator

Create REST/GraphQL API endpoint with validation, error handling, and tests. Auto-invoke when user says "add endpoint", "create API", "new route", or "add route".

2026-01-2132

backend-test

dkyazzentwatwa/SuperNavigator

Generate backend tests (unit, integration, mocks). Auto-invoke when user says "write test for", "add test", "test this", or "create test".

2026-01-2132

database-migration

dkyazzentwatwa/SuperNavigator

Create database migration with schema changes and rollback. Auto-invoke when user says "create migration", "add table", "modify schema", or "change database".

2026-01-2132

frontend-component

dkyazzentwatwa/SuperNavigator

Create React/Vue component with TypeScript, tests, and styles. Auto-invoke when user says "create component", "add component", "new component", or "build component".

2026-01-2132

nav-compact

dkyazzentwatwa/SuperNavigator

Clear conversation context while preserving knowledge via context marker. Use when user says "clear context", "start fresh", "done with this task", or when approaching token limits.

2026-01-2132

nav-init

dkyazzentwatwa/SuperNavigator

Initialize Navigator documentation structure in a project. Auto-invokes when user says "Initialize Navigator", "Set up Navigator", "Create Navigator structure", or "Bootstrap Navigator".

2026-01-2132

name	frontend-test
description	Generate frontend component tests (unit, snapshot, e2e). Auto-invoke when user says "test this component", "write component test", or "add component test".
allowed-tools	Read, Write, Edit, Grep, Glob, Bash
version	1.0.0

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

Generates test file with RTL utilities
Tests component rendering
Tests user interactions (click, type, etc.)
Tests accessibility
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 ⚛️