imccyu
c317fbc489
Registrations declare a dictionary namespace (locale: NS) and the renderer
synthesizes a typed t prop for the entry's component from the installed
LocaleFace; the seat binding is re-derived per locale revision, so a language
switch hands out fresh t references and memoized consumers re-render through
ordinary shallow comparison. LocaleNamespaceMap is the declare-merge table
(namespace -> dictionary key union); TranslateNS<'ns'> is the
namespace-addressed translate type (namespace keys plus the shared common
vocabulary), carried by the t seat and by the locale service's typed bind.
LocaleService implements the face (lookup ns -> common -> zh -> key,
revision-carrying snapshots with subscriber isolation) and installs it
through the boot-once slots.installLocale seam, mirroring the renderer
install. The typed register(ns, {zh, en}) overload checks each dictionary
against the namespace's key union and requires every shipped locale, so a
missing or extra key and an unbalanced translation are compile errors.
Dictionary registration bumps the face revision without emitting
locale/change — the event now means exactly 'the active locale switched',
so registration-heavy boot cannot storm event listeners.
59 lines
2.6 KiB
TypeScript
59 lines
2.6 KiB
TypeScript
// @vitest-environment jsdom
|
|
/**
|
|
* Local DOM snapshots of the sidebar shell through the real assembly path:
|
|
* SlotTestRuntime mounts the package apply on its own fiber, the auto frame
|
|
* supplies the layout's owner share at the render site, and the snapshot
|
|
* captures exactly the 'sidebar' slot's output (CSS-module class names
|
|
* folded to their semantic locals by the runtime's serializer). The child
|
|
* holes (sidebar.workspaces / sidebar.settings) have no registrant here, so
|
|
* the snapshots pin the shell chrome itself.
|
|
*/
|
|
import { afterEach, describe, expect, it, vi } from 'vitest'
|
|
import { cleanup, waitFor } from '@testing-library/react'
|
|
import { SlotTestRuntime } from '@deepseek-ai/dsh-client-test-runtime'
|
|
import { LocaleService } from '@deepseek-ai/dsh-client-locale/client'
|
|
import { apply, inject } from '@deepseek-ai/dsh-client-ui-sidebar/client'
|
|
|
|
afterEach(cleanup)
|
|
|
|
async function bench() {
|
|
const runtime = await SlotTestRuntime.create()
|
|
runtime.provide('layout', { toggleSidebar: vi.fn() })
|
|
// English locale pins the snapshots to the copy they were recorded with;
|
|
// the installed face backs the entry's standard `t` seat.
|
|
const locale = new LocaleService(runtime.ctx)
|
|
locale.setLocale('en')
|
|
runtime.provide('locale', locale)
|
|
runtime.slots.installLocale(locale)
|
|
await runtime.declare({ 'sidebar': { kind: 'single', scope: 'root' } })
|
|
await runtime.mount({ inject: [...inject], apply })
|
|
return runtime
|
|
}
|
|
|
|
describe('sidebar shell snapshots', () => {
|
|
it('renders the expanded column (wordmark, capsule, empty holes)', async () => {
|
|
const runtime = await bench()
|
|
const slot = runtime.renderSlot('sidebar', { collapsed: false, width: 300 })
|
|
// Wordmark + capsule both start a session in the expanded state.
|
|
expect(slot.view.getAllByRole('button', { name: 'New session' })).toHaveLength(2)
|
|
expect(slot.container).toMatchSnapshot()
|
|
await runtime.dispose()
|
|
})
|
|
|
|
it('renders the collapsed rail after the crossfade settles, in place', async () => {
|
|
const runtime = await bench()
|
|
const slot = runtime.renderSlot('sidebar', { collapsed: false, width: 300 })
|
|
const shell = slot.container.firstElementChild
|
|
slot.update({ collapsed: true, width: 56 })
|
|
// The wide content (wordmark shortcut) unmounts at the 150ms settle;
|
|
// only the rail's capsule remains a New-session button.
|
|
await waitFor(() => {
|
|
expect(slot.view.getAllByRole('button', { name: 'New session' })).toHaveLength(1)
|
|
})
|
|
expect(slot.container).toMatchSnapshot()
|
|
// Same tree position: the owner flip re-rendered the shell in place.
|
|
expect(slot.container.firstElementChild).toBe(shell)
|
|
await runtime.dispose()
|
|
})
|
|
})
|