weichen
411a79d9e2
Why: make material, background work, confirmations and files accessible to nontechnical users across desktop and mobile. Evidence: Dev SELF receipts for Frontend tsc, 190 tests, knip baseline, build, nine fixture browser cases and two real HTTP/browser smoke cases using MockRunner. Impact: existing API and permissions remain authoritative; stale events/queries and duplicate effects are guarded, while one file preview and reading state are preserved. Refs: work-companion-ui design r0.2 and plan r1 U2-U5; UI01-UI13.
209 lines
11 KiB
TypeScript
209 lines
11 KiB
TypeScript
import { beforeEach, describe, expect, it, vi } from 'vitest'
|
||
import { createElement } from 'react'
|
||
import { renderToStaticMarkup } from 'react-dom/server'
|
||
import { setPersistedOpen } from '@ui'
|
||
import type { ActivityCard, HITLCard, Message } from '../src/contracts'
|
||
import { Conversation } from '../src/components/Conversation'
|
||
import { ProcessTimeline } from '../src/components/ProcessTimeline'
|
||
import { store, type LiveState } from '../src/store'
|
||
|
||
// SSR has no browser subscription snapshot. Keep the production store/actions and
|
||
// real UI renderers; substitute only the hook boundary with a complete snapshot.
|
||
const snapshot = vi.hoisted(() => ({ state: undefined as ReturnType<typeof store.getState> | undefined }))
|
||
vi.mock('../src/store', async importOriginal => {
|
||
const actual = await importOriginal<typeof import('../src/store')>()
|
||
return { ...actual, useStore: (select: (s: ReturnType<typeof store.getState>) => unknown) => select(snapshot.state!) }
|
||
})
|
||
|
||
const timestamp = '2026-10-12T10:00:00Z'
|
||
function card(over: Partial<ActivityCard> = {}): ActivityCard {
|
||
return {
|
||
id: 'card_1', projectId: 'prj_1', conversationId: 'cnv_1',
|
||
kind: 'progress', title: '整理项目材料', status: 'active', tone: 'info',
|
||
body: [{ type: 'kv', kv: [['状态', '进行中'], ['正在做', '核对会议结论'], ['材料键', 'private-material-key']] }],
|
||
createdAt: timestamp, updatedAt: timestamp, ...over,
|
||
}
|
||
}
|
||
function reply(parts: Message['parts']): Message {
|
||
return { id: 'msg_1', conversationId: 'cnv_1', role: 'assistant', runId: 'run_1', createdAt: timestamp, parts }
|
||
}
|
||
function hitl(over: Partial<HITLCard> = {}): HITLCard {
|
||
return { id: 'hitl_detail1', runId: 'run_1', conversationId: 'cnv_1', kind: 'confirm',
|
||
question: '执行工具 run_shell？', detail: '{"command":"printf confirm-record"}',
|
||
choices: [{ id: 'yes', label: '执行', description: '按已确认的参数调用', impact: '会访问外部资源并返回结果' },
|
||
{ id: 'no', label: '取消', description: '跳过本次调用', impact: '不会执行本次操作' }],
|
||
allowFreeInput: false, createdAt: timestamp, resolved: false, ...over }
|
||
}
|
||
function render() { return renderToStaticMarkup(createElement(Conversation)) }
|
||
|
||
beforeEach(() => {
|
||
setPersistedOpen('hitl-details:cnv_1:hitl_detail1', false)
|
||
const base = store.getState()
|
||
snapshot.state = {
|
||
...base, currentProjectId: 'prj_1', currentConvId: 'cnv_1', connected: true,
|
||
tasks: [{ id: 'cnv_1', projectId: 'prj_1', title: '讨论项目', createdAt: timestamp, updatedAt: timestamp }],
|
||
messages: [], cards: [], runs: [], activeHitl: [], live: null, artifacts: [], outbox: [], posting: false,
|
||
ui: { ...base.ui, rightCollapsed: true, autoCollapseProcess: true },
|
||
cardActionStates: {},
|
||
}
|
||
})
|
||
|
||
describe('conversation work reading', () => {
|
||
it('keeps ordinary Q&A free of an empty progress object', () => {
|
||
snapshot.state!.messages = [reply([{ type: 'text', text: '可以先确定项目目标' }])]
|
||
const html = render()
|
||
expect(html).toContain('可以先确定项目目标')
|
||
expect(html).not.toContain('data-conversation-work')
|
||
expect(html).not.toContain('data-testid="input-status"')
|
||
})
|
||
|
||
it('shows the current real work with the auxiliary pane closed', () => {
|
||
snapshot.state!.cards = [card()]
|
||
const html = render()
|
||
expect(html).toContain('整理项目材料')
|
||
expect(html).toContain('核对会议结论')
|
||
expect(html).not.toContain('private-material-key')
|
||
})
|
||
|
||
it('keeps a compact work anchor when the same summary is visible in the right pane', () => {
|
||
snapshot.state!.ui.rightCollapsed = false
|
||
snapshot.state!.cards = [card()]
|
||
const html = render()
|
||
expect(html).toContain('整理项目材料')
|
||
expect(html).not.toContain('核对会议结论')
|
||
snapshot.state!.ui.rightCollapsed = true
|
||
expect(render()).toContain('核对会议结论')
|
||
})
|
||
|
||
it('keeps secondary message operations available through progressive disclosure', () => {
|
||
snapshot.state!.messages = [reply([{ type: 'text', text: '已经整理好要点' }])]
|
||
const html = render()
|
||
expect(html).toContain('已经整理好要点')
|
||
expect(html).toContain('消息操作')
|
||
expect(html).not.toContain('排除出上下文')
|
||
expect(html).not.toContain('重新生成')
|
||
})
|
||
|
||
it('keeps failure impact and coverage limits visible without expanding history', () => {
|
||
snapshot.state!.cards = [card({ status: 'failed', tone: 'danger', body: [
|
||
{ type: 'kv', kv: [['状态', '失败'], ['当前发现', '已整理两份材料'], ['剩余', '评审意见未能读取，完整结论尚未生成']] },
|
||
] })]
|
||
const html = render()
|
||
expect(html).toContain('已整理两份材料')
|
||
expect(html).toContain('评审意见未能读取，完整结论尚未生成')
|
||
})
|
||
|
||
it('keeps a completed result limitation visible while another task is active', () => {
|
||
snapshot.state!.cards = [card(), card({ id: 'card_partial', status: 'done', tone: 'warn', title: '已整理部分材料',
|
||
body: [{ type: 'kv', kv: [['当前发现', '两份材料已整理'], ['剩余', '第三份材料未能读取，请补充清晰版本']] }],
|
||
})]
|
||
const html = render()
|
||
expect(html).toContain('第三份材料未能读取，请补充清晰版本')
|
||
})
|
||
|
||
it('hides running command records while keeping the final reply readable', () => {
|
||
const live: LiveState = { runId: 'run_1', phase: 'responding', startedAt: Date.now(), agentNotes: {}, items: [
|
||
{ kind: 'tool', name: 'run_shell', callId: 'call_1', args: 'secret-command-argument', output: 'raw-command-output', state: 'running', startedAt: Date.now(), endedAt: 0 },
|
||
{ kind: 'final' }, { kind: 'text', index: 1, text: '已找到需要补充的两项要求' },
|
||
] }
|
||
snapshot.state!.live = live
|
||
const html = render()
|
||
expect(html).toContain('已找到需要补充的两项要求')
|
||
expect(html).not.toContain('secret-command-argument')
|
||
expect(html).not.toContain('raw-command-output')
|
||
expect(html).toContain('执行记录')
|
||
})
|
||
|
||
it('uses a real compact stage without exposing an internal tool name', () => {
|
||
snapshot.state!.live = { runId: 'run_1', phase: 'acting', startedAt: Date.now(), agentNotes: {}, items: [
|
||
{ kind: 'tool', name: 'run_shell', callId: 'call_1', args: '', output: '', state: 'running', startedAt: Date.now(), endedAt: 0 },
|
||
] }
|
||
const html = render()
|
||
expect(html).toContain('正在处理')
|
||
expect(html).not.toContain('run_shell')
|
||
})
|
||
|
||
it('exposes anchored required confirmation outside work history', () => {
|
||
snapshot.state!.messages = [{ ...reply([{ type: 'text', text: '请整理资料' }]), role: 'user' }]
|
||
snapshot.state!.cards = [card({ kind: 'confirm', status: 'action_required', anchorMessageId: 'msg_1',
|
||
title: '新增一份项目草稿', actions: [{ id: 'confirm', label: '确认新增', style: 'primary' }] })]
|
||
const html = render()
|
||
expect(html).toContain('新增一份项目草稿')
|
||
expect(html).toContain('确认新增')
|
||
})
|
||
|
||
it('keeps a required confirmation accessible when its anchor is an assistant message', () => {
|
||
snapshot.state!.messages = [reply([{ type: 'text', text: '准备新增项目草稿' }])]
|
||
snapshot.state!.cards = [card({ kind: 'confirm', status: 'action_required', anchorMessageId: 'msg_1',
|
||
title: '新增一份项目草稿', actions: [{ id: 'confirm', label: '确认新增', style: 'primary' }] })]
|
||
expect(render()).toContain('确认新增')
|
||
})
|
||
|
||
it('does not reveal internal thinking when records are deliberately opened', () => {
|
||
const html = renderToStaticMarkup(createElement(ProcessTimeline, {
|
||
parts: [{ type: 'thinking', process: true, text: 'private-internal-deliberation' }],
|
||
live: true, idKey: 'thinking-test', renderPart: () => null,
|
||
}))
|
||
expect(html).not.toContain('private-internal-deliberation')
|
||
})
|
||
|
||
it('blocks repeated HITL choices when the shared action result is unknown', () => {
|
||
snapshot.state!.cardActionStates = { 'hitl:hitl_1': 'unknown' }
|
||
snapshot.state!.activeHitl = [{ id: 'hitl_1', runId: 'run_1', kind: 'choice', question: '选择整理范围',
|
||
conversationId: 'cnv_1', allowFreeInput: false, createdAt: timestamp, resolved: false,
|
||
choices: [{ id: 'all', label: '全部材料', description: '整理三份材料', impact: '生成一份草稿' }],
|
||
}]
|
||
const html = render()
|
||
expect(html).toMatch(/<button[^>]*disabled=""[^>]*>[\s\S]*?全部材料/)
|
||
expect(html).toContain('正在核实处理结果')
|
||
})
|
||
|
||
it('folds command details while retaining the confirmation and consequences', () => {
|
||
snapshot.state!.activeHitl = [hitl()]
|
||
const html = render()
|
||
expect(html).not.toContain('confirm-record')
|
||
expect(html).toContain('执行工具 run_shell？')
|
||
expect(html).toContain('按已确认的参数调用')
|
||
expect(html).toContain('会访问外部资源并返回结果')
|
||
expect(html).toContain('操作详情')
|
||
})
|
||
|
||
it('makes the original command detail readable after the user expands it', () => {
|
||
snapshot.state!.activeHitl = [hitl()]
|
||
setPersistedOpen('hitl-details:cnv_1:hitl_detail1', true)
|
||
const html = render()
|
||
expect(html).toMatch(/aria-expanded="true"[^>]*>[\s\S]*?操作详情/)
|
||
expect(html).toContain('confirm-record')
|
||
})
|
||
|
||
it('keeps a blocking restriction visible outside the operation detail fold', () => {
|
||
snapshot.state!.activeHitl = [hitl({ blocked: true, blockReason: '目标文件需要先完成评审，当前不能覆盖' })]
|
||
const html = render()
|
||
expect(html).toContain('目标文件需要先完成评审，当前不能覆盖')
|
||
expect(html).not.toContain('confirm-record')
|
||
})
|
||
|
||
it('folds the exact workflow script suffix supplied in the question', () => {
|
||
snapshot.state!.activeHitl = [hitl({ question: '运行这段脚本？\nprint("workflow-record-script")', detail: undefined })]
|
||
const html = render()
|
||
expect(html).toContain('运行这段脚本？')
|
||
expect(html).toContain('会访问外部资源并返回结果')
|
||
expect(html).not.toContain('workflow-record-script')
|
||
expect(html).toContain('操作详情')
|
||
})
|
||
|
||
it('retains the full workflow script and separate detail on deliberate expansion', () => {
|
||
snapshot.state!.activeHitl = [hitl({ question: '运行这段脚本？\nprint("workflow-record-script")' })]
|
||
setPersistedOpen('hitl-details:cnv_1:hitl_detail1', true)
|
||
const html = render()
|
||
expect(html).toContain('workflow-record-script')
|
||
expect(html).toContain('confirm-record')
|
||
expect(html).toMatch(/aria-expanded="true"[^>]*>[\s\S]*?操作详情/)
|
||
})
|
||
|
||
it('retains multiline business consequences in an ordinary question', () => {
|
||
snapshot.state!.activeHitl = [hitl({ question: '批准计划并继续执行？\n会覆盖旧草稿，原件保留', detail: undefined })]
|
||
expect(render()).toContain('会覆盖旧草稿，原件保留')
|
||
})
|
||
})
|