Which testing frameworks are supported?

It supports Jest, Vitest, Mocha, and Jasmine, along with popular utility libraries like Testing Library, Sinon, and Cypress.

Does it work with TypeScript projects?

Absolutely. The skill can generate both JavaScript and TypeScript test files that are compatible with your project's specific type definitions.

Can it detect my project's existing setup?

Yes, it automatically scans for configuration files like jest.config.js or vitest.config.ts and identifies your assertion styles to maintain consistency.

Can it handle complex component mocking?

Yes, it generates sophisticated mocks for API calls, module dependencies, and timers to ensure your unit tests remain isolated and reliable.

Is it compatible with both Vue and Angular?

Yes, it provides specialized templates and patterns for Vue (using Vue Test Utils) and Angular frameworks to ensure idiomatic test code.

Frontend Unit Test Generator

Name: Frontend Unit Test Generator
Author: hubvue

byhubvue

•

보안 및 테스팅

Automates the creation of comprehensive unit tests for frontend projects by detecting existing frameworks and generating consistent test code.

소개

The Frontend Unit Test Generator is a specialized Claude Code skill designed to streamline testing workflows in modern web development. It intelligently analyzes your project's architecture to identify testing frameworks like Jest or Vitest and generates production-ready test cases for components, modules, and utility functions. Whether you are backfilling tests for a legacy codebase or establishing a new project, this skill ensures architectural consistency, handles complex mocking scenarios, and provides coverage for edge cases across React, Vue, and Angular ecosystems.

주요 기능

Automated testing infrastructure and configuration setup for new projects
Automatic framework detection for Jest, Vitest, Mocha, and Jasmine
Framework-aware test generation for React, Vue, and Angular components
1 GitHub stars
Smart mocking capabilities for APIs, modules, and timers
Comprehensive coverage for edge cases, null handling, and error scenarios

사용 사례

Setting up standardized testing configurations and dependencies for new projects
Backfilling test suites for existing legacy frontend codebases to improve reliability
Generating unit tests for complex React or Vue components using Testing Library

소개

주요 기능

Automated testing infrastructure and configuration setup for new projects
Automatic framework detection for Jest, Vitest, Mocha, and Jasmine
Framework-aware test generation for React, Vue, and Angular components
1 GitHub stars
Smart mocking capabilities for APIs, modules, and timers
Comprehensive coverage for edge cases, null handling, and error scenarios

사용 사례

Setting up standardized testing configurations and dependencies for new projects
Backfilling test suites for existing legacy frontend codebases to improve reliability
Generating unit tests for complex React or Vue components using Testing Library