Chinesezjc
b462d5fd69
Adapt to two contract changes master introduced: - The generated Remote face now wraps every business result in RemoteResult, folding carrier failures into an ok:false branch instead of rejecting. The controller reads that envelope at its three call sites and maps a carrier failure onto the same settled shape the controls already render; three specs cover the new branch. - Client packages split their tsconfig into host and client halves, and the host aggregate now compiles any test not named *.client.spec.*. Rename this package's specs to the client convention and drop the ../connection project reference, which pointed at a solution file that no longer carries the client sources. Keep master's mount loop with its rollback-on-failure in api-remotes and add messageFeedbackRemote to it.
82 lines
3.6 KiB
TypeScript
82 lines
3.6 KiB
TypeScript
// @vitest-environment jsdom
|
|
/** ToolCallTree-owned root/subcall markers and selection projection. */
|
|
import { afterEach, describe, expect, it, vi } from 'vitest'
|
|
import { cleanup, render } from '@testing-library/react'
|
|
import type { ConversationSnapshot, ToolResultNode } from '@deepseek-ai/dsh-client-runtime/client'
|
|
import { makeTranslate } from '@deepseek-ai/dsh-client-test-runtime'
|
|
import { zh as commonZh } from '@deepseek-ai/dsh-client-locale/src/locales/zh.ts'
|
|
import type { ToolTreeProps } from '../src/client/contract/slots.ts'
|
|
import { ToolCallTree } from '../src/client/tool/ToolCallTree.tsx'
|
|
import { zh } from '@deepseek-ai/dsh-client-ui-conversation/src/client/locales.ts'
|
|
|
|
afterEach(cleanup)
|
|
|
|
const t: ToolTreeProps['t'] = makeTranslate(zh, commonZh)
|
|
|
|
const root = (callId: string, call: ToolResultNode['call']): ToolResultNode => ({
|
|
kind: 'tool-result', seq: 3, time: 3_000, callId, call, callTime: 2_000,
|
|
content: [], isError: false, callView: null, resultView: null, subCalls: [],
|
|
})
|
|
|
|
function props(
|
|
block: ToolResultNode,
|
|
selectedCallId?: string,
|
|
): ToolTreeProps {
|
|
const snapshot = {} as ConversationSnapshot
|
|
const useSession = ((selector: (value: ConversationSnapshot) => unknown) => selector(snapshot)) as ToolTreeProps['useSession']
|
|
const renderSlot = ((_key: string, _owner: object, options?: { fallback?: React.ReactNode }) =>
|
|
options?.fallback ?? null) as unknown as ToolTreeProps['renderSlot']
|
|
return {
|
|
useSession,
|
|
renderSlot,
|
|
node: {
|
|
key: `tool:${block.callId}`,
|
|
kind: 'tool-call',
|
|
id: block.callId,
|
|
target: 'chat',
|
|
anchorSeq: block.seq,
|
|
location: { kind: 'session' },
|
|
visibility: 'visible',
|
|
data: { root: block },
|
|
},
|
|
selectedCallId,
|
|
openFile: vi.fn(),
|
|
inspectCall: vi.fn(),
|
|
forkAt: vi.fn(),
|
|
fileMentions: vi.fn(),
|
|
t,
|
|
} as unknown as ToolTreeProps
|
|
}
|
|
|
|
describe('ToolCallTree', () => {
|
|
it('owns the root marker, generic fallback, and selected state for a window-truncated call', () => {
|
|
const block = root('w1', null)
|
|
const view = render(<ToolCallTree {...props(block, 'w1')} />)
|
|
const row = view.container.querySelector('[data-chat-call-id="w1"]')
|
|
expect(row?.getAttribute('data-chat-anchor-key')).toBe('call:w1')
|
|
expect(row?.getAttribute('data-selected')).toBe('true')
|
|
expect(view.container.querySelector('[data-variant="others"]')).not.toBeNull()
|
|
expect(view.getByText('w1')).toBeTruthy()
|
|
})
|
|
|
|
it('recursively renders a selected leaf without selecting its ancestors', () => {
|
|
const leaf = root('parent:code:1:code:1', { name: 'read', argsRaw: '{"path":"a.ts"}' })
|
|
const child = {
|
|
...root('parent:code:1', { name: 'run_code', argsRaw: '{"code":"return 1"}' }),
|
|
subCalls: [leaf],
|
|
}
|
|
const block = {
|
|
...root('parent', { name: 'run_code', argsRaw: '{"code":"return 1"}' }),
|
|
subCalls: [child],
|
|
}
|
|
const view = render(<ToolCallTree {...props(block, leaf.callId)} />)
|
|
const nests = view.container.querySelectorAll('[data-subcalls]')
|
|
expect(nests[0]?.parentElement).toBe(view.container.querySelector('[data-chat-call-id="parent"]'))
|
|
expect(nests[1]?.parentElement).toBe(view.container.querySelector('[data-chat-call-id="parent:code:1"]'))
|
|
expect(view.container.querySelector('[data-chat-call-id="parent"]')?.hasAttribute('data-selected')).toBe(false)
|
|
expect(view.container.querySelector('[data-chat-call-id="parent:code:1"]')?.hasAttribute('data-selected')).toBe(false)
|
|
expect(view.container.querySelector('[data-chat-call-id="parent:code:1:code:1"]')?.getAttribute('data-selected')).toBe('true')
|
|
expect(nests).toHaveLength(2)
|
|
})
|
|
})
|