How does the incremental testing workflow work?

It processes files one at a time, writing and verifying each test before moving to the next to ensure accuracy and prevent context errors.

Does it support E2E testing frameworks like Playwright?

No, this skill focuses exclusively on unit and integration testing; it does not cover E2E testing or backend Python tests.

Can this skill help with existing test coverage gaps?

Yes, it can analyze component complexity and generate missing test cases for edge cases, specific props, and complex user interactions.

Which testing frameworks are supported by this skill?

This skill is specifically optimized for Vitest and React Testing Library (RTL) within the Dify frontend environment.

Should I mock child components when using this skill?

No, the skill follows an 'Integration First' approach, preferring real component imports. Only external services and navigation APIs should be mocked.

Dify Frontend Testing

Name: Dify Frontend Testing
Author: arthur0824hao

byarthur0824hao

보안 및 테스팅

Generates comprehensive Vitest and React Testing Library tests for frontend components, hooks, and utilities following project-specific conventions.

소개

This skill optimizes the frontend testing workflow for the Dify project by generating high-quality unit and integration tests using Vitest and React Testing Library. It follows a strict incremental approach, focusing on real component imports rather than excessive mocking to ensure reliable coverage. By adhering to the AAA pattern and black-box testing principles, it helps developers improve test coverage across components, custom hooks, and utility functions while maintaining the project's specific architectural standards.

주요 기능

Automated Vitest and React Testing Library (RTL) test generation
Component complexity analysis and refactoring recommendations
Coverage optimization for functions, statements, and logic branches
Integration-first strategy utilizing real project components
Incremental multi-file testing workflow for stable development
0 GitHub stars

사용 사례

Generating unit tests for new React components or custom hooks
Improving test coverage for a specific directory or module
Reviewing existing test files for completeness and edge case handling

소개

주요 기능

Automated Vitest and React Testing Library (RTL) test generation
Component complexity analysis and refactoring recommendations
Coverage optimization for functions, statements, and logic branches
Integration-first strategy utilizing real project components
Incremental multi-file testing workflow for stable development
0 GitHub stars

사용 사례

Generating unit tests for new React components or custom hooks
Improving test coverage for a specific directory or module
Reviewing existing test files for completeness and edge case handling