Files
NotesAgentic/frontend/src/services/pluginCommandForm.spec.ts
T
saint f273fef235 fix(frontend): 修复 PR #18 审阅问题并补充回归测试
审阅意见逐项修复:

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 全部通过。
2026-09-05 10:04:17 +08:00

228 lines
7.4 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
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 Schemacontributions.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()
})
})