Agent skill
chat-x-unit-test
帮助开发者为 Vue 3 组件编写单元测试。当用户需要添加单元测试时使用。
Install this agent skill to your Project
npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/other/chat-x-unit-test
SKILL.md
Vue 组件单元测试指南
测试规范
测试文件与组件同目录,命名为 组件名.spec.ts。
运行测试
pnpm --filter @blueking/chat-x test # 所有测试
npx vitest run src/components/your-component # 指定目录
基础模板
import { defineComponent, h } from 'vue';
import { type VueWrapper, mount } from '@vue/test-utils';
import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
import YourComponent from './your-component.vue';
vi.mock('vue-tippy', () => ({ /* ... */ }));
describe('YourComponent', () => {
let wrapper: VueWrapper;
beforeEach(() => { vi.clearAllMocks(); });
afterEach(() => { wrapper?.unmount(); });
it('应该正确渲染', () => {
wrapper = mount(YourComponent);
expect(wrapper.find('.your-component').exists()).toBe(true);
});
});
测试分类
- 渲染测试:组件正确渲染
- Props 测试:属性传递和响应
- 事件测试:emit 事件
- Slot 测试:插槽内容
同步更新原则
修改组件代码时必须同步更新测试用例。
📦 可用资源
skill://chat-x-unit-test/references/mock-patterns.mdskill://chat-x-unit-test/references/test-qa.mdskill://chat-x-unit-test/references/test-strategies.md
📦 可用资源
skill://chat-x-unit-test/references/mock-patterns.mdskill://chat-x-unit-test/references/test-qa.mdskill://chat-x-unit-test/references/test-strategies.md
根据 SKILL.md 中的 IF-THEN 规则判断是否需要加载
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
Didn't find tool you were looking for?