cb754a0319
A first visit resolved to Chinese regardless of the browser: LocaleService read `dsh.locale` and fell straight back to `zh` when nothing was stored, ignoring the languages the browser already states it reads. The initial locale now resolves through three ordered sources — the persisted preference, then `navigator` (first entry of the ordered language list whose primary subtag names a shipped locale, so `zh-Hans-CN` -> zh and `en-GB` -> en), then `FALLBACK_LOCALE`. An explicit choice still wins and nothing writes the detected locale back to storage, so "has the user chosen?" stays a question only the stored value answers. Specs asserting the shipped Chinese copy now state the browser they assume: the web e2e scenarios open their page with `locale: ZH_BROWSER_LOCALE`, and package specs pin it through the new `pinBrowserLanguages` test helper. `settings-chrome.e2e.ts` gains an English-browser scenario as the assembled-app proof.
89 lines
4.3 KiB
TypeScript
89 lines
4.3 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, beforeEach, describe, expect, it, vi } from 'vitest'
|
|
import { act, cleanup, waitFor } from '@testing-library/react'
|
|
import { SlotTestRuntime, pinBrowserLanguages } 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'
|
|
|
|
// The service reads its initial locale from the browser; these specs assert
|
|
// the shipped Chinese copy, so they state the browser they assume.
|
|
let restoreLanguages: () => void
|
|
beforeEach(() => { restoreLanguages = pinBrowserLanguages('zh-CN') })
|
|
afterEach(() => { restoreLanguages() })
|
|
|
|
afterEach(cleanup)
|
|
|
|
/**
|
|
* Boot the package over the slot test runtime. The default bench stays on
|
|
* the service's default locale (zh — the fallback chain's base), pinning
|
|
* what an untouched client shows; `locale: 'en'` pins the en copy instead.
|
|
* The installed face backs the entry's standard `t` seat either way.
|
|
*/
|
|
async function bench(options: { locale?: 'en' } = {}) {
|
|
const runtime = await SlotTestRuntime.create()
|
|
runtime.provide('layout', { toggleSidebar: vi.fn() })
|
|
const locale = new LocaleService(runtime.ctx)
|
|
if (options.locale === 'en') 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, locale }
|
|
}
|
|
|
|
describe('sidebar shell snapshots', () => {
|
|
it('renders the expanded column in the default locale (zh, no setLocale)', 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: '新建会话' })).toHaveLength(2)
|
|
expect(slot.container).toMatchSnapshot()
|
|
await runtime.dispose()
|
|
})
|
|
|
|
it('renders the expanded column (wordmark, capsule, empty holes)', async () => {
|
|
const { runtime } = await bench({ locale: 'en' })
|
|
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({ locale: 'en' })
|
|
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()
|
|
})
|
|
|
|
it('a locale switch refreshes mounted copy without re-registration', async () => {
|
|
const { runtime, locale } = await bench()
|
|
const slot = runtime.renderSlot('sidebar', { collapsed: false, width: 300 })
|
|
expect(slot.view.getAllByRole('button', { name: '新建会话' })).toHaveLength(2)
|
|
// Same fiber, same registration: setLocale alone re-renders the outlet.
|
|
act(() => { locale.setLocale('en') })
|
|
expect(slot.view.getAllByRole('button', { name: 'New session' })).toHaveLength(2)
|
|
expect(slot.view.queryByRole('button', { name: '新建会话' })).toBeNull()
|
|
await runtime.dispose()
|
|
})
|
|
})
|