用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/TencentBlueKing/bk-bcs --skill chat-x-unit-test命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
正在显示 SKILL.md
基于 SOC 职业分类
| name | chat-x-unit-test |
| description | 帮助开发者为 Vue 3 组件编写单元测试。当用户需要添加单元测试时使用。 |
测试文件与组件同目录，命名为 组件名.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);
});
});
修改组件代码时必须同步更新测试用例。
skill://chat-x-unit-test/references/mock-patterns.mdskill://chat-x-unit-test/references/test-qa.mdskill://chat-x-unit-test/references/test-strategies.mdskill://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 规则判断是否需要加载