Files
deepseek-harness/packages/client/ui-reference/tests/file-reference.client.spec.tsx
T
zhc a5f1d4a16a refactor(client): bind context menus at their Slot consumers
Merge master and preserve pinned-row visibility. Remove redundant Chat and tool-tree menu forwarding, unify trigger names, and bind file targets at the consuming Slot. Address CI static and coverage gaps without changing upstream scroll assertions.
2026-10-28 19:15:45 +08:00

85 lines
4.3 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.
// @vitest-environment jsdom
import { contextMenuHook } from '@deepseek-ai/dsh-client-test-runtime'
import { cleanup, fireEvent, render } from '@testing-library/react'
import type { ComponentProps } from 'react'
import { afterEach, describe, expect, it, vi } from 'vitest'
import { makeTranslate } from '@deepseek-ai/dsh-client-test-runtime'
import { SessionId } from '@deepseek-ai/dsh-session/types'
import { FileReference, FolderReference } from '../src/client/FileReference.tsx'
import { en } from '../src/client/locales.ts'
afterEach(cleanup)
type Props = ComponentProps<typeof FileReference>
function props(openFile: Props['openFile']): Props {
return {
node: { id: 'file', start: 0, end: 14, data: { path: 'docs/a b.md', label: 'a b.md' } },
raw: '@"docs/a b.md"', interactive: true, openFile, t: makeTranslate(en),
useContextMenu: contextMenuHook(), sessionId: SessionId('original'),
resolveFilePath: path => `/workspace/${path}`,
} as Props
}
describe('FileReference', () => {
it('opens the decoded path and leaves summaries and folders non-interactive', () => {
const openFile = vi.fn()
const input = props(openFile)
const view = render(<FileReference {...input} />)
fireEvent.click(view.getByRole('button', { name: 'a b.md' }))
expect(openFile).toHaveBeenCalledWith('docs/a b.md')
expect(view.queryByRole('dialog')).toBeNull()
view.rerender(<FileReference {...input} interactive={false} />)
expect(view.getByText('a b.md').getAttribute('title')).toBe('@"docs/a b.md"')
expect(view.queryByRole('button')).toBeNull()
view.rerender(<FolderReference {...input} node={{
id: 'folder', start: 0, end: 6, data: { path: 'docs/', label: 'docs' },
}} raw="@docs/" />)
expect(view.getByText('docs').getAttribute('title')).toBe('@docs/')
expect(view.queryByRole('button')).toBeNull()
})
it('keeps a navigation failure local and retries or closes without losing the reference', () => {
const openFile = vi.fn()
.mockImplementationOnce(() => { throw new Error('unavailable') })
.mockImplementationOnce(() => { throw new Error('still unavailable') })
.mockImplementationOnce(() => {})
.mockImplementationOnce(() => { throw new Error('unavailable again') })
const view = render(<FileReference {...props(openFile)} />)
fireEvent.click(view.getByRole('button', { name: 'a b.md' }))
expect(view.getByRole('dialog', { name: 'Couldn’t open file' }).textContent).toContain('Couldn’t open “docs/a b.md”')
fireEvent.click(view.getByRole('button', { name: 'Retry' }))
expect(view.getByRole('dialog')).toBeTruthy()
fireEvent.click(view.getByRole('button', { name: 'Retry' }))
expect(view.queryByRole('dialog')).toBeNull()
expect(openFile.mock.calls).toEqual([['docs/a b.md'], ['docs/a b.md'], ['docs/a b.md']])
fireEvent.click(view.getByRole('button', { name: 'a b.md' }))
fireEvent.click(view.getAllByRole('button', { name: 'Close' }).at(-1)!)
expect(view.queryByRole('dialog')).toBeNull()
expect(view.getByRole('button', { name: 'a b.md' })).toBeTruthy()
})
})
it('declares workspace-relative targets for pointer and keyboard gestures and leaves previews inert', () => {
const open = vi.fn()
const input = props(vi.fn())
let root = '/first'
const resolveFilePath = vi.fn((path: string) => `${root}/${path}`)
const view = render(<FileReference {...input} useContextMenu={contextMenuHook(open)} resolveFilePath={resolveFilePath} />)
expect(resolveFilePath).not.toHaveBeenCalled()
root = '/workspace'
const chip = view.getByRole('button', { name: 'a b.md' })
chip.getBoundingClientRect = () => new DOMRect(20, 30, 100, 20)
fireEvent.contextMenu(chip, { clientX: 40, clientY: 50 })
fireEvent.keyDown(chip, { key: 'F10', shiftKey: true })
expect(open.mock.calls).toEqual([
[{ kind: 'file', value: { sessionId: 'original', path: '/workspace/docs/a b.md' } }, { x: 40, y: 50 }],
[{ kind: 'file', value: { sessionId: 'original', path: '/workspace/docs/a b.md' } }, { x: 20, y: 50 }],
])
expect(input.openFile).not.toHaveBeenCalled()
expect(document.activeElement).toBe(chip)
view.rerender(<FileReference {...input} useContextMenu={contextMenuHook(open)} interactive={false} />)
expect(fireEvent.contextMenu(view.getByText('a b.md'))).toBe(true)
expect(open).toHaveBeenCalledTimes(2)
})