审阅意见逐项修复: 1. 主题包安装丢弃用户 CSS inspectThemePackage 之前只解析 YAML 清单,ThemesView 安装时另外 生成一套硬编码调色板,用户提供的 CSS 被整份丢掉。现在定义单文件 格式(YAML 清单 + `---` + CSS),parseThemePackage 取出真实 CSS 并原样安装;CSS 安全校验提前到预览阶段;按内容识别并拒绝 ZIP。 2. 主题恢复竞态导致页面无 data-theme initTheme 之前没有 await loadCustomThemes,自定义主题还没进 allThemes,applyTheme 找不到主题直接 return。现在先同步落一个 内置主题兜底(不写 localStorage,避免冲掉用户存的自定义主题 id), 加载完成后再切到真正保存的那个;主题失效或列表加载失败时回退并 通过 themeLoadWarning 告知用户,不再静默。 3. Trace 建树依赖事件相邻顺序 后端真实顺序是 ModelCallStarted → ModelCallCompleted → Usage → ToolCall/ToolResult,工具在模型调用完成后才执行且并发跑,相邻性 不可用。改为按 model_call_id / parent_model_call_id / tool_call_id 关联;ToolResult 回填 ToolCall 的状态与耗时,结束后不再显示 running;SSE 断点恢复的孤立事件退回顶层而不是丢弃。 4. Trace 叶子节点无法查看数据 行的 click 是 `children.length && toggleExpand`,而详情 v-if 又 要求 `children.length === 0`,两个条件互斥。拆成 expandedNodes 与 detailNodes 两个状态集合;展开箭头改为独立按钮,行支持键盘 与 aria-expanded;引用节点补「定位」按钮。同时修正 Usage 卡片 字段(后端只发累计 token_usage)。 5. 引用定位逻辑三处重复且各自有缺陷 抽出 navigateToCitation(依赖注入,可独立测试)+ useCitationNavigation。 调用顺序固化:必须先 await loadFile 再 highlightBlock,否则 editor store 的 loadFile 末尾会把高亮清掉;loadFile 失败时不跳转。 AgentView / ChatView / AppShell 统一走这一处。 6. 插件命令 UI 重复实现 抽出 PluginCommandPanel 复用 PluginMcpPanel 的 schema 驱动表单, 删除 PluginsView 里的劣化副本。effect 现在真的执行 navigate / refresh(此前只拼成文本显示);补上必填校验与布尔字段初始值, 修正「显示否但不提交该键」的不一致。 补充回归测试 64 项(相关 spec 由 25 项增至 89 项),并对 2、3、4 三项 缺陷做了变异验证:把修复回退成原写法后对应测试确实失败。 涉及 traceService / theme store / themePackageService / pluginCommandForm / useCitationNavigation / TraceTimeline,其中后三个为新增文件。 vue-tsc -b、vitest(32 文件 182 项)、vite build 全部通过。
228 lines
7.4 KiB
TypeScript
228 lines
7.4 KiB
TypeScript
import { describe, expect, it, vi } from 'vitest'
|
||
import {
|
||
applyCommandEffect,
|
||
cleanArguments,
|
||
coerceArgument,
|
||
commandFields,
|
||
EFFECT_ROUTES,
|
||
initialArguments,
|
||
missingRequiredFields,
|
||
} from './pluginCommandForm'
|
||
import type { PluginCommand, PluginCommandEffect } from '@/contracts'
|
||
|
||
function command(parameters: Record<string, unknown>): PluginCommand {
|
||
return {
|
||
command_id: 'demo.run',
|
||
plugin_id: 'demo',
|
||
title: '示例命令',
|
||
description: '',
|
||
locations: [],
|
||
when: [],
|
||
parameters,
|
||
enabled: true,
|
||
}
|
||
}
|
||
|
||
/** 后端只接受 type=object 的 JSON Schema(contributions.py 显式拒绝其他形态)。 */
|
||
const schema = command({
|
||
type: 'object',
|
||
properties: {
|
||
path: { type: 'string', title: '笔记路径', description: '相对于库根目录' },
|
||
count: { type: 'integer', default: 3 },
|
||
recursive: { type: 'boolean' },
|
||
mode: { type: 'string', enum: ['fast', 'full'] },
|
||
},
|
||
required: ['path', 'mode'],
|
||
})
|
||
|
||
describe('commandFields', () => {
|
||
it('摊平 properties 并标记 required', () => {
|
||
const fields = commandFields(schema)
|
||
|
||
expect(fields.map((f) => f.key)).toEqual(['path', 'count', 'recursive', 'mode'])
|
||
expect(fields[0]).toMatchObject({ title: '笔记路径', type: 'string', required: true })
|
||
expect(fields[1]).toMatchObject({ type: 'integer', required: false, default: 3 })
|
||
expect(fields[3].enum).toEqual(['fast', 'full'])
|
||
})
|
||
|
||
it('没有 title 时用字段名兜底,没有 type 时按 string 处理', () => {
|
||
const fields = commandFields(command({ type: 'object', properties: { raw: {} } }))
|
||
|
||
expect(fields[0]).toMatchObject({ key: 'raw', title: 'raw', type: 'string', required: false })
|
||
})
|
||
|
||
it('parameters 为空或形态异常时返回空数组而不是抛错', () => {
|
||
expect(commandFields(command({}))).toEqual([])
|
||
expect(commandFields(command({ type: 'object' }))).toEqual([])
|
||
// properties 被写成数组等非法形态时按空处理
|
||
expect(commandFields(command({ type: 'object', properties: ['nope'] as unknown as Record<string, unknown> }))).toEqual([])
|
||
})
|
||
})
|
||
|
||
describe('initialArguments', () => {
|
||
it('布尔字段显式初始化为 false,保证 UI 显示与提交值一致', () => {
|
||
// 回归:之前布尔下拉框显示「否」,但参数对象里没有这个键,
|
||
// 用户没手动切换过就会漏发这个参数。
|
||
const args = initialArguments(schema)
|
||
|
||
expect(args.recursive).toBe(false)
|
||
expect('recursive' in args).toBe(true)
|
||
})
|
||
|
||
it('有 default 的字段用 default,没有的不塞键', () => {
|
||
const args = initialArguments(schema)
|
||
|
||
expect(args.count).toBe(3)
|
||
expect('path' in args).toBe(false)
|
||
expect('mode' in args).toBe(false)
|
||
})
|
||
|
||
it('布尔字段的 default 优先于 false', () => {
|
||
const args = initialArguments(
|
||
command({ type: 'object', properties: { flag: { type: 'boolean', default: true } } }),
|
||
)
|
||
|
||
expect(args.flag).toBe(true)
|
||
})
|
||
})
|
||
|
||
describe('coerceArgument', () => {
|
||
const field = (type: string) => ({ key: 'k', title: 'k', type, required: false })
|
||
|
||
it('布尔只认字符串 "true"', () => {
|
||
expect(coerceArgument(field('boolean'), 'true')).toBe(true)
|
||
expect(coerceArgument(field('boolean'), 'false')).toBe(false)
|
||
})
|
||
|
||
it('数字字段转成 number,空串与非法输入转成 undefined', () => {
|
||
expect(coerceArgument(field('integer'), '42')).toBe(42)
|
||
expect(coerceArgument(field('number'), '1.5')).toBe(1.5)
|
||
expect(coerceArgument(field('number'), '')).toBeUndefined()
|
||
expect(coerceArgument(field('number'), 'abc')).toBeUndefined()
|
||
})
|
||
|
||
it('字符串原样保留(含空格)', () => {
|
||
expect(coerceArgument(field('string'), ' notes/a.md ')).toBe(' notes/a.md ')
|
||
})
|
||
})
|
||
|
||
describe('missingRequiredFields', () => {
|
||
it('列出未填的必填字段', () => {
|
||
const missing = missingRequiredFields(schema, initialArguments(schema))
|
||
|
||
expect(missing.map((f) => f.key)).toEqual(['path', 'mode'])
|
||
})
|
||
|
||
it('空白字符串算没填', () => {
|
||
const missing = missingRequiredFields(schema, { path: ' ', mode: 'fast' })
|
||
|
||
expect(missing.map((f) => f.key)).toEqual(['path'])
|
||
})
|
||
|
||
it('布尔 false 是合法值,不算缺失', () => {
|
||
const boolSchema = command({
|
||
type: 'object',
|
||
properties: { flag: { type: 'boolean' } },
|
||
required: ['flag'],
|
||
})
|
||
|
||
expect(missingRequiredFields(boolSchema, { flag: false })).toEqual([])
|
||
})
|
||
|
||
it('全部填好时返回空数组', () => {
|
||
expect(missingRequiredFields(schema, { path: 'a.md', mode: 'fast' })).toEqual([])
|
||
})
|
||
})
|
||
|
||
describe('cleanArguments', () => {
|
||
it('丢掉 undefined 的键,保留 false / 0 / 空串', () => {
|
||
const cleaned = cleanArguments({ a: undefined, b: false, c: 0, d: '', e: null })
|
||
|
||
expect(cleaned).toEqual({ b: false, c: 0, d: '', e: null })
|
||
expect('a' in cleaned).toBe(false)
|
||
})
|
||
})
|
||
|
||
describe('applyCommandEffect', () => {
|
||
function handlers() {
|
||
return { navigate: vi.fn(), refresh: vi.fn(), notify: vi.fn() }
|
||
}
|
||
|
||
it('navigate 真的触发跳转,而不是只提示一句话', async () => {
|
||
// 回归:之前只把 effect 拼成描述文本显示,命令等于没生效。
|
||
const h = handlers()
|
||
await applyCommandEffect({ type: 'navigate', payload: { route: 'workspace' } }, h)
|
||
|
||
expect(h.navigate).toHaveBeenCalledWith('/workspace')
|
||
expect(h.notify).not.toHaveBeenCalled()
|
||
})
|
||
|
||
it('每个白名单路由都能解析出路径', async () => {
|
||
for (const route of Object.keys(EFFECT_ROUTES)) {
|
||
const h = handlers()
|
||
await applyCommandEffect(
|
||
{ type: 'navigate', payload: { route } } as PluginCommandEffect,
|
||
h,
|
||
)
|
||
expect(h.navigate).toHaveBeenCalledWith(EFFECT_ROUTES[route])
|
||
}
|
||
})
|
||
|
||
it('未知路由只提示不跳转,避免 router.push(undefined)', async () => {
|
||
const h = handlers()
|
||
await applyCommandEffect(
|
||
{ type: 'navigate', payload: { route: 'nope' } } as unknown as PluginCommandEffect,
|
||
h,
|
||
)
|
||
|
||
expect(h.navigate).not.toHaveBeenCalled()
|
||
expect(h.notify.mock.calls[0][0]).toContain('nope')
|
||
})
|
||
|
||
it('refresh 真的触发对应 scope 的刷新', async () => {
|
||
const h = handlers()
|
||
await applyCommandEffect({ type: 'refresh', payload: { scope: 'workspace' } }, h)
|
||
|
||
expect(h.refresh).toHaveBeenCalledWith('workspace')
|
||
})
|
||
|
||
it('等待异步 refresh 完成后才返回', async () => {
|
||
const h = handlers()
|
||
let done = false
|
||
h.refresh.mockImplementation(async () => {
|
||
await Promise.resolve()
|
||
done = true
|
||
})
|
||
|
||
await applyCommandEffect({ type: 'refresh', payload: { scope: 'commands' } }, h)
|
||
|
||
expect(done).toBe(true)
|
||
})
|
||
|
||
it('notification 原样透出插件消息', async () => {
|
||
const h = handlers()
|
||
await applyCommandEffect(
|
||
{ type: 'notification', payload: { level: 'info', message: '索引已重建' } },
|
||
h,
|
||
)
|
||
|
||
expect(h.notify).toHaveBeenCalledWith('索引已重建')
|
||
})
|
||
|
||
it('job 提示任务 id', async () => {
|
||
const h = handlers()
|
||
await applyCommandEffect({ type: 'job', payload: { job_id: 'job_7' } }, h)
|
||
|
||
expect(h.notify.mock.calls[0][0]).toContain('job_7')
|
||
})
|
||
|
||
it('none 或未知 type 按「已完成」处理,不猜测语义', async () => {
|
||
const h = handlers()
|
||
await applyCommandEffect({ type: 'none', payload: {} }, h)
|
||
|
||
expect(h.notify).toHaveBeenCalledWith('命令执行完成。')
|
||
expect(h.navigate).not.toHaveBeenCalled()
|
||
expect(h.refresh).not.toHaveBeenCalled()
|
||
})
|
||
})
|