Yichen Jiang
eab0aeb9db
The task registry has run every background bash, pwsh, pty-send, and one-shot subagent since it landed, but only the model could read it: a human at the Web client could not see that a build was running, tell a finished task from a stuck one, or find its outcome anywhere but the `run_in_background` tool card that printed an id and never updated. Task state now reaches the browser as one whole-snapshot `session/tasks` mux frame per session, pushed at every registry commit that changes what that session can see. `TaskService` gains `onTasksChanged`, which is owner-granular because owner-disposal removal is a change no per-task record can express. The carrier reads the exact owner the listener hands it, so a push stays correct while that scope tears down, and reads the baseline through the non-resuming `ctx.agents.get` so listing never revives a cold session. The client keeps a last-wins mirror on `SessionListState`, and a new `dsh-client-ui-task` package renders it beside the subagent catalog — rendering nothing at all until the session has a task, so an ordinary conversation grows no new chrome. Streamed per-task output and human-initiated cancellation are separate phases; the note records why neither has to undo this channel, and why no Web path may call the consuming `ctx.tasks.read()`.
83 lines
3.5 KiB
TypeScript
83 lines
3.5 KiB
TypeScript
// @vitest-environment jsdom
|
|
/** LanguageRow behavior: selector pill shows the active locale, the menu
|
|
* opens/closes, and selection drives setLocale. */
|
|
import { afterEach, describe, expect, it, vi } from 'vitest'
|
|
import { act, cleanup, fireEvent, render, screen } from '@testing-library/react'
|
|
import { createSnapshotStore, type SessionListState, type WorkspaceListState } from '@deepseek-ai/dsh-client-runtime/client'
|
|
import { bindSnapshotSelector } from '@deepseek-ai/dsh-client-web-react'
|
|
import { LanguageRow } from '../src/client/LanguageRow.tsx'
|
|
import type { LanguageRowComponentProps } from '../src/client/LanguageRow.tsx'
|
|
import { createLanguageRowStore } from '../src/client/settings-store.ts'
|
|
|
|
afterEach(cleanup)
|
|
|
|
const OPTIONS = [{ id: 'zh', label: '中文' }, { id: 'en', label: 'English' }]
|
|
|
|
/** Empty global standard-kit hooks (the row reads neither). */
|
|
function emptySessions() {
|
|
const store = createSnapshotStore<SessionListState>(
|
|
{ ids: [], byId: {}, current: undefined, phase: 'ready', subagentsByParent: {}, tasksBySession: {}, currentAddress: undefined })
|
|
return bindSnapshotSelector(store)
|
|
}
|
|
function emptyWorkspaces() {
|
|
const store = createSnapshotStore<WorkspaceListState>({
|
|
items: [], archivedSessionIds: [], state: 'idle', phase: 'ready', error: null,
|
|
baselinesReady: true, recentWorkspaceId: undefined,
|
|
})
|
|
return bindSnapshotSelector(store)
|
|
}
|
|
|
|
function mount(active = 'en') {
|
|
// Real store instance — the sanctioned zero-machinery path for tests.
|
|
const store = createLanguageRowStore().create()
|
|
store.actions.sync(active, OPTIONS, 0)
|
|
const setLocale = vi.fn()
|
|
const props: LanguageRowComponentProps = {
|
|
useSessions: emptySessions(),
|
|
useWorkspaces: emptyWorkspaces(),
|
|
useStore: bindSnapshotSelector(store),
|
|
actions: store.actions,
|
|
t: (key: string) => key === 'language.title' ? 'Language' : key,
|
|
setLocale,
|
|
}
|
|
render(<LanguageRow {...props} />)
|
|
return { store, setLocale }
|
|
}
|
|
|
|
describe('LanguageRow', () => {
|
|
it('shows the title and the active locale label on the selector pill', () => {
|
|
mount('en')
|
|
expect(screen.getByText('Language')).toBeDefined()
|
|
const trigger = screen.getByRole('button', { name: /English/ })
|
|
expect(trigger.getAttribute('aria-expanded')).toBe('false')
|
|
})
|
|
|
|
it('opens the menu, selects a locale, and closes', () => {
|
|
const b = mount('en')
|
|
const trigger = screen.getByRole('button', { name: /English/ })
|
|
fireEvent.click(trigger)
|
|
expect(trigger.getAttribute('aria-expanded')).toBe('true')
|
|
fireEvent.click(screen.getByRole('menuitem', { name: '中文' }))
|
|
expect(b.setLocale).toHaveBeenCalledWith('zh')
|
|
expect(trigger.getAttribute('aria-expanded')).toBe('false')
|
|
expect(screen.queryByRole('menuitem', { name: '中文' })).toBeNull()
|
|
})
|
|
|
|
it('closes on outside pointerdown without selecting', () => {
|
|
const b = mount('en')
|
|
fireEvent.click(screen.getByRole('button', { name: /English/ }))
|
|
expect(screen.getByRole('menuitem', { name: '中文' })).toBeDefined()
|
|
fireEvent.pointerDown(document.body)
|
|
expect(screen.queryByRole('menuitem', { name: '中文' })).toBeNull()
|
|
expect(b.setLocale).not.toHaveBeenCalled()
|
|
})
|
|
|
|
it('follows store changes; an unknown active id falls back to the id itself', () => {
|
|
const b = mount('en')
|
|
act(() => { b.store.actions.sync('zh', OPTIONS, 1) })
|
|
expect(screen.getByRole('button', { name: /中文/ })).toBeDefined()
|
|
act(() => { b.store.actions.sync('fr', OPTIONS, 2) })
|
|
expect(screen.getByRole('button', { name: /fr/ })).toBeDefined()
|
|
})
|
|
})
|