mcpField
T
testing

testing

github.com/redpanda-data测试与质量4.3k45 次安装今天更新
代码仓库

关于 testing

面向 Vitest v4 双配置项目的测试技能，帮助开发者编写、调试测试并处理模拟与配置问题。提供单元和集成测试的选择规则及功能连通性检查指引。

主要功能

  1. 01区分单元与集成测试
  2. 02提供模块模拟规范
  3. 03测试 Zustand stores
  4. 04验证交互功能连通性
  5. 05支持覆盖率与交互测试

适用场景

  1. 01编写或修改测试
  2. 02排查测试失败
  3. 03模拟模块、store 或传输层

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/redpanda-data/console --skill testing

安装后在 Claude Code 中输入/testing确认已加载。

包含的文件

除 SKILL.md 外，安装时一起下载的参考资料和脚本。

rules/
mock-transport.md
no-ui-rendering-tests.md
test-mock-patterns.md
test-unit-vs-integration.md
test-zustand-stores.md

详细介绍

测试

使用 Vitest v4 双重配置编写可靠的测试。

激活条件

  • 编写或修改测试
  • 调试测试失败
  • 设置模拟
  • 关于测试配置的问题

快速参考

操作规则
选择测试类型test-unit-vs-integration.md
模拟模块test-mock-patterns.md
测试存储test-zustand-stores.md
模拟 Connect APImock-transport.md
跳过 UI 渲染测试no-ui-rendering-tests.md

命令

bun run test              # All tests (CI default)
bun run test:ci           # Sequential for CI
bun run test:unit         # Unit tests only
bun run test:integration  # Integration tests only
bun run test:ui           # Interactive UI
bun run test:watch        # Watch mode
bun run test:coverage     # Coverage report

要点

  • .test.ts = 单元测试（Node.js），.test.tsx = 集成测试（JSDOM）
  • React 组件测试一律使用 test-utils/test-utils.tsx
  • 测试功能是否已完整接入：UI 元素必须连接到实际功能
功能完整性测试

实现交互功能（按钮、表单等）时：

  • 验证事件处理程序是否使用正确的参数调用了正确的函数
  • 测试 AbortSignals、回调和其他“连接逻辑”是否已传递
  • 不要认为 UI 已显示就代表功能正常——要测试两者之间的连接

何时使用此技能

  • 编写 .test.ts 或 .test.tsx 文件
  • 模拟模块、存储或传输
  • 测试组件行为

不适用： 多页面用户工作流 → 使用 e2e-tester

规则

详细指南请参阅 rules/ 目录。

评论

支持 Markdown