Good AI Tools

frontend-test

Complete framework for context-efficient AI development - Philosophy, Metrics, Education, Skills, and Agents. Master context engineering principles through interactive learning. Achieve 92% token reduction with proven strategies.

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
Aleks Petrov
有任何问题？请联系我们
如何使用这个技能？
  • 点击安装按钮复制插件二进制文件到剪贴板。
  • 打开您的 Claude 应用并粘贴插件二进制文件安装技能。

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