Can I use this for E2E testing with Playwright?

This skill focuses on unit and integration tests. For E2E testing, you should use tools like Playwright or Cypress separately.

Does this skill support backend testing?

No, this skill is specifically optimized for frontend testing using Vitest and RTL. It does not cover Python or pytest for backend services.

What is the recommended approach for large directories?

The skill follows an incremental approach: it analyzes files by complexity and processes them one at a time, verifying each pass before moving forward.

How does it handle API calls in tests?

It uses established mocking patterns for API services (@/service/*) and external modules like nock to ensure tests are fast and isolated.

Dify Frontend Testing

Name: Dify Frontend Testing
Author: yangmiok

byyangmiok

安全与测试

Generates production-grade Vitest and React Testing Library tests for Dify frontend components, hooks, and utilities.

关于

This skill empowers developers to maintain high code quality within the Dify project by generating comprehensive unit and integration tests. It leverages Vitest and React Testing Library (RTL) to automate the creation of test suites that follow strict project conventions, including the AAA pattern and black-box testing. By implementing an incremental testing workflow, it helps developers achieve high branch and statement coverage while correctly handling complex scenarios like API mocking, Next.js navigation, and custom React hooks.

主要功能

Automated Vitest and React Testing Library (RTL) test generation
Support for testing rendering, props, user interactions, and edge cases
Built-in patterns for mocking API services and external dependencies
Incremental workflow for testing multi-file directories efficiently
0 GitHub stars
Complexity analysis to prioritize testing order and refactoring

使用场景

Generating unit tests for new React components and custom hooks
Creating integration tests for complex frontend workflows and state management
Refactoring existing components to improve test coverage and reliability

关于

主要功能

Automated Vitest and React Testing Library (RTL) test generation
Support for testing rendering, props, user interactions, and edge cases
Built-in patterns for mocking API services and external dependencies
Incremental workflow for testing multi-file directories efficiently
0 GitHub stars
Complexity analysis to prioritize testing order and refactoring

使用场景

Generating unit tests for new React components and custom hooks
Creating integration tests for complex frontend workflows and state management
Refactoring existing components to improve test coverage and reliability