用途
frontend-testing 是一个面向 Dify 前端代码库的测试技能，适用于以下场景：
- 在
web/目录下编写或修改 Vitest 或 React Testing Library 测试； - 在
packages/dify-ui/目录下编写或修改 Vitest 或 React Testing Library 测试； - 用户明确要求进行前端测试相关工作。
主要能力
该技能的核心作用是引导测试工作遵循对应包已有的测试规范，而不是引入一套新的、并行的测试策略或检查序列。具体而言：
- 对于
web/目录，测试边界、运行环境和命令由web/docs/test.md负责定义； - 对于
packages/dify-ui/目录，基础组件的测试边界、运行环境、Storybook 以及命令由packages/dify-ui/docs/testing.md负责定义。
技能本身不重复这些内容，也不额外增加检查步骤。
使用方式
使用该技能时，应先确定被修改测试所属的包，然后阅读该包对应的测试策略文档：
- 若测试位于
web/，阅读web/docs/test.md； - 若测试位于
packages/dify-ui/，阅读packages/dify-ui/docs/testing.md。
随后按照所选归属文档的要求执行，包括其中规定的验证命令。技能强调：在补充缺失的行为覆盖时，也应同样积极地建议删除低价值测试；完成工作后，应报告已验证的契约以及任何重要的验证缺口。
适用场景
适用于 Dify 项目前端部分的测试编写与维护，尤其是涉及 Vitest 和 React Testing Library 的单元测试或组件测试。既包括新增测试覆盖，也包括对现有测试的调整与清理。
限制
该技能不提供独立的测试策略、检查流程或验证命令，一切以对应包的测试文档为准。资料中未提供具体的命令内容、环境配置细节、版本要求或示例代码，这些信息需查阅上述归属文档。