frontend-testing

Generate Vitest tests for React frontend components by providing the component file path. The tool outputs a test suite covering rendering, props, user interactions, and edge cases.

Write integration tests for frontend hooks and utilities by triggering the generation with keywords like RTL or integration tests to produce code validating complex user interactions and data flows.

This testing approach supports React Testing Library for component interactions. It generates tests adhering to specific tech stack versions and file naming conventions to validate frontend behavior.

The best way to improve test coverage for Dify frontend code is to request coverage improvement tests. The tool analyzes existing code to generate Vitest suites that target untested execution paths.

You can review existing Vitest test suites for Dify frontend components by triggering the tool with a review test request to validate adherence to established testing conventions and patterns.

Frontend unit tests require specific file naming conventions to maintain consistency. The generation process automatically adheres to these established patterns when creating Vitest and React Testing Library files.