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

0•

Security & Testing

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.

Key Features

01Automated Vitest and React Testing Library (RTL) test generation

02Support for testing rendering, props, user interactions, and edge cases

03Built-in patterns for mocking API services and external dependencies

04Incremental workflow for testing multi-file directories efficiently

050 GitHub stars

06Complexity analysis to prioritize testing order and refactoring

Use Cases

01Generating unit tests for new React components and custom hooks

02Creating integration tests for complex frontend workflows and state management

03Refactoring existing components to improve test coverage and reliability

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add yangmiok/newdify frontend-testing

For use in Claude.ai and ChatGPT

Download Skill