Menghuan1918
1b24bc8ff2
- 新 src/client/builtins/ 目录：tabs.tsx（6 个 tab descriptor + TERMINAL_LIMIT/uiTerminalCount，terminal 配额知识离开 state.ts）、 viewers.tsx（8 个 viewer descriptor）、index.ts（registerBuiltins 聚合 注册 + 幂等 disposer）；删除旧 builtins.tsx - icons.tsx：删除零调用者的 tabTypeIcon 及多余 import（图标已归 descriptor.icon，映射随 tab 类型一起注册化） - OrphanedTab：内联 style → sidebar.module.css 新增 .orphanedType 类 - 新增 tests/builtins.spec.ts（6 tab + 8 viewer 注册断言、code catch-all、 binary-download NUL detect、office 优先级、disposer 幂等） - 新增 tests/orphaned-tab.spec.tsx（sanitize 保留未注册类型 tab、 OrphanedTab 占位渲染）；tests/browser-globals.ts 供拉入 xterm/ CodeMirror 的 spec 首个 import（模块求值期需要 self/document/navigator） - service.spec 补 openDiffTab 与 diff dedupeKey 一致性用例
88 lines
3.0 KiB
TypeScript
88 lines
3.0 KiB
TypeScript
/**
|
|
* Orphaned-tab tests: a persisted tab whose type is not registered must
|
|
* survive sanitize (title/path kept for recovery) and render the graceful
|
|
* placeholder instead of crashing — the degradation path of the open
|
|
* tab-type set (a contributing plugin not installed / not yet loaded).
|
|
*/
|
|
import { describe, expect, it } from 'vitest'
|
|
import { renderToString } from 'react-dom/server'
|
|
import { OrphanedTab } from '../src/client/OrphanedTab.tsx'
|
|
import { sanitizeState } from '../src/client/state.ts'
|
|
|
|
/** Collect every tab type in a sanitized tree (leaf/split recursive). */
|
|
function typesOf(node: unknown): string[] {
|
|
if (node === null || typeof node !== 'object') return []
|
|
const record = node as { kind?: unknown; tabs?: unknown; children?: unknown }
|
|
if (record.kind === 'leaf' && Array.isArray(record.tabs)) {
|
|
return (record.tabs as Array<{ type: string }>).map(tab => tab.type)
|
|
}
|
|
if (Array.isArray(record.children)) return record.children.flatMap(typesOf)
|
|
return []
|
|
}
|
|
|
|
describe('sanitize keeps unregistered tab types', () => {
|
|
it('preserves a persisted tab of an unknown type with its title/path', () => {
|
|
const raw = {
|
|
panelOpen: true,
|
|
width: 400,
|
|
nextTerminal: 1,
|
|
activePane: null,
|
|
expanded: [],
|
|
splits: {
|
|
kind: 'leaf',
|
|
id: 'pane:1',
|
|
tabs: [
|
|
{ id: 'tab:1', type: 'my-plugin:db', title: 'Database', path: '/data.sqlite' },
|
|
{ id: 'tab:2', type: 'explorer', title: 'Explorer' },
|
|
],
|
|
active: 'tab:1',
|
|
},
|
|
}
|
|
const clean = sanitizeState(raw)
|
|
expect(clean).toBeDefined()
|
|
expect(typesOf(clean!.splits)).toContain('my-plugin:db')
|
|
// The kept tab keeps its payload so a later registration can reuse it.
|
|
const leaf = clean!.splits as unknown as { kind: 'leaf'; tabs: Array<Record<string, unknown>> }
|
|
const kept = leaf.tabs.find(tab => tab.type === 'my-plugin:db')
|
|
expect(kept).toMatchObject({ title: 'Database', path: '/data.sqlite' })
|
|
})
|
|
|
|
it('an unknown type alone in a pane still sanitizes cleanly', () => {
|
|
const raw = {
|
|
panelOpen: true,
|
|
width: 400,
|
|
nextTerminal: 1,
|
|
activePane: null,
|
|
expanded: [],
|
|
splits: {
|
|
kind: 'leaf',
|
|
id: 'pane:1',
|
|
tabs: [{ id: 'tab:1', type: 'some-plugin:page', title: 'Page' }],
|
|
active: 'tab:1',
|
|
},
|
|
}
|
|
const clean = sanitizeState(raw)
|
|
expect(clean).toBeDefined()
|
|
expect(typesOf(clean!.splits)).toEqual(['some-plugin:page'])
|
|
})
|
|
})
|
|
|
|
describe('OrphanedTab placeholder', () => {
|
|
const tab = { id: 'tab:1', type: 'my-plugin:db', title: 'Database' }
|
|
|
|
it('renders the unregistered type and keeps the title', () => {
|
|
const html = renderToString((
|
|
<OrphanedTab
|
|
ctx={undefined as never}
|
|
store={undefined as never}
|
|
scope={{ sessionId: 's1', cwd: '/p' }}
|
|
tab={tab}
|
|
visible={false}
|
|
/>
|
|
))
|
|
expect(html).toContain('my-plugin:db')
|
|
expect(html).toContain('Database')
|
|
expect(html).not.toContain('undefined')
|
|
})
|
|
})
|