AgentSkillsCN

frontend-test

生成前端组件测试（单元、快照、e2e）。当用户说“测试这个组件”、“写组件测试”或“添加组件测试”时自动调用。

SKILL.md
--- frontmatter
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

  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 ⚛️