frontend-testing
Use when writing or changing Vitest or React Testing Library tests under `web/` or `packages/dify-ui/`, or when the user explicitly requests frontend test strategy, including evaluation of an existing strategy. Do not use for frontend code-review-only requests, general testability discussion, Python tests, or Cucumber/Playwright E2E.
How do I install this agent skill?
npx skills add https://github.com/langgenius/dify --skill frontend-testingIs this agent skill safe to install?
- Gen Agent Trust Hubpass
This skill provides a structured framework and set of templates for generating high-quality frontend tests for the Dify project. It follows industry best practices for Vitest and React Testing Library, including an incremental testing workflow and clear guidance on mocking.
- Socketpass
No alerts
- Snykpass
Risk: LOW · No issues
- Runlayerpass
1/10 files flagged
- ZeroLeakspass
Score: 93/100 · 2 sections analyzed
What does this agent skill do?
Frontend Testing
web/docs/test.md is the single policy owner. Read it before changing frontend tests; this skill adds no separate requirements.
- Identify the observable contract and regression risk.
- Choose the smallest boundary that includes the behavior owner.
- Establish the failing case first when practical, then implement one coherent scenario.
- Run the focused spec before the affected suite and relevant static checks.
- Report the behavior verified and any remaining browser, visual, or end-to-end risk.
Recommend deleting low-value tests as readily as adding missing behavior coverage. Use web/docs/test.md for policy and Web commands; use packages/dify-ui/docs/testing.md for Dify UI commands.
How can the creator link this skill?
Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.
<a href="https://skillzs.dev/skills/langgenius/dify/frontend-testing">View frontend-testing on skillZs</a>