AI Skills
frontend-testing

frontend-testing

热门

使用 Vitest 和 Testing Library 编写、更新或审查 Dify 前端测试。适用于 web/ 或 packages/dify-ui/ 下的前端规范、测试覆盖率请求、回归测试、可测试性或测试策略。

15万Star
2.4万Fork
更新于 2026/7/25
获取 Skill源代码

相关 Skills

webapp-testing6.9万vitest11万subagent-driven-development23万
SKILL.md
readonly只读
name
frontend-testing
description

使用 Vitest 和 Testing Library 编写、更新或审查 Dify 前端测试。适用于 web/ 或 packages/dify-ui/ 下的前端规范、测试覆盖率请求、回归测试、可测试性或测试策略。

Dify 前端测试

此技能用于 web/ 和 packages/dify-ui/ 下的 Vitest 工作。不要用于 Python 测试或 e2e/ 下的 Cucumber/Playwright 测试。

必需来源

在编写、更改或审查前端测试之前，请完整阅读 web/docs/test.md。它是唯一的事实来源。此技能提供执行清单，不得重新定义或扩展该策略。

工作流程

  1. 阅读源代码、其行为所有者、附近的规范和相关的公共依赖项。
  2. 应用规范指南来决定是否需要测试并选择其边界。
  3. 对于行为变更或错误修复，在可行时先编写或识别失败的场景。
  4. 一次实现一个连贯的场景，并在扩展范围之前运行聚焦的规范。
  5. 以受影响的测试套件和相关仓库检查结束。
  6. 报告已验证的行为以及任何仍需要浏览器、视觉或端到端验证的风险。

在审查现有测试时，建议删除低价值测试，就像添加缺失的行为覆盖一样。

从所属工作区运行聚焦测试：

# web/
vp test run path/to/spec-or-directory

# packages/dify-ui/
vp test run --project unit src/path/to/spec

使用 vp test --project storybook --run 运行 Dify UI Storybook 测试。仅在聚焦行为通过后运行更广泛的检查。