#2201 landed three moves this branch sits on top of. `bindSettingsScope` became `ctx.settingsScope.bind` on the Settings surface, so the section injects that service and the Remote face instead of importing a free function; the `SettingsScope` types moved into the runtime contract module, which is where this branch's `base`, `user`, and `unset` now live; and the client `credentials/changed` event became the forwarded owner event `credentials/updated`, which the web-search card subscribes to through `ctx.remote.$on`. The generated module graph crossed mermaid's 1000-edge render guard with this branch's 14 new edges. The guard doubles again, exactly as it did at 500 — the graph counts real package edges, and trimming them to fit a renderer default would make the document lie about the dependency set.
135 lines
5.4 KiB
TypeScript
135 lines
5.4 KiB
TypeScript
/** What the browser half registers, and that it all leaves with the fiber. */
|
|
|
|
import { Context } from '@deepseek-ai/cordis'
|
|
import { describe, expect, it, vi } from 'vitest'
|
|
import { resolveSlotLabel } from '@deepseek-ai/dsh-client-ui-slots'
|
|
import { SlotsService } from '@deepseek-ai/dsh-client-runtime/client'
|
|
import { LocaleService } from '@deepseek-ai/dsh-client-locale/client'
|
|
import { TestRemote, usePinnedBrowserLanguages } from '@deepseek-ai/dsh-client-test-runtime'
|
|
import { SettingsScopeService } from '@deepseek-ai/dsh-client-ui-settings/client'
|
|
import { apply, inject } from '@deepseek-ai/dsh-client-ui-plugin-config/client'
|
|
|
|
// The service reads its initial locale from the browser; these specs assert
|
|
// the shipped Chinese copy, so they state the browser they assume.
|
|
usePinnedBrowserLanguages('zh-CN')
|
|
|
|
async function bench() {
|
|
const ctx = new Context()
|
|
await ctx.plugin(SlotsService).await()
|
|
const locale = new LocaleService(ctx)
|
|
ctx.provide('locale', locale)
|
|
const describeCredentials = vi.fn(() => Promise.resolve({ rpcId: 'c', result: { ok: false, error: {} } }))
|
|
// The section binds its scopes through the Settings surface's service, and
|
|
// forwarded Host events reach it through the same `$dispatch` handoff the
|
|
// connection sink makes.
|
|
new TestRemote(ctx)
|
|
ctx.provide('connection', {
|
|
isLoopback: true,
|
|
api: {
|
|
settings: { describe: vi.fn(() => Promise.resolve({ rpcId: 's', result: { ok: false, error: {} } })) },
|
|
credentials: { describe: describeCredentials },
|
|
},
|
|
} as never)
|
|
await ctx.plugin(SettingsScopeService).await()
|
|
return { ctx, slots: ctx.get('slots') as SlotsService, describeCredentials }
|
|
}
|
|
|
|
function declareRoot(slots: SlotsService): () => void {
|
|
return slots.register({
|
|
name: 'root',
|
|
children: { 'settings.section': { kind: 'list', scope: 'root' } },
|
|
} as never, () => null)
|
|
}
|
|
|
|
describe('ui-plugin-config apply', () => {
|
|
it('declares the services it uses', () => {
|
|
expect(inject).toEqual(['slots', 'locale', 'connection', 'remote', 'settingsScope'])
|
|
})
|
|
|
|
it('registers the section and declares the per-plugin card slot', async () => {
|
|
const { ctx, slots } = await bench()
|
|
declareRoot(slots)
|
|
|
|
await ctx.plugin({ inject: [...inject], apply }).await()
|
|
|
|
const section = slots.entries('settings.section')[0]!
|
|
expect(section.options).toMatchObject({ id: 'plugins', order: 30 })
|
|
// The nav label is a locale-following thunk; owners resolve it at read time.
|
|
expect(resolveSlotLabel(section.options.label)).toBe('插件配置')
|
|
expect(slots.spec('settings.plugin.item')).toMatchObject({ kind: 'list', scope: 'root' })
|
|
})
|
|
|
|
it('registers one card per host-plane section it ships, in a stable order', async () => {
|
|
const { ctx, slots } = await bench()
|
|
declareRoot(slots)
|
|
|
|
await ctx.plugin({ inject: [...inject], apply }).await()
|
|
|
|
expect(slots.entries('settings.plugin.item').map(entry => entry.options.id))
|
|
.toEqual(['bash', 'agent-loop', 'web-search'])
|
|
})
|
|
|
|
it('injects a live card count and one business face per card', async () => {
|
|
const { ctx, slots } = await bench()
|
|
declareRoot(slots)
|
|
await ctx.plugin({ inject: [...inject], apply }).await()
|
|
|
|
const section = slots.entries('settings.section')[0]!
|
|
expect((section as { inject?: () => unknown }).inject?.()).toEqual({ cardCount: 3 })
|
|
for (const entry of slots.entries('settings.plugin.item')) {
|
|
const face = (entry as { inject?: () => unknown }).inject?.() as { hooks: Record<string, unknown> }
|
|
// Each card injects exactly one snapshot store plus its own actions.
|
|
expect(Object.keys(face.hooks)).toHaveLength(1)
|
|
}
|
|
})
|
|
|
|
it('re-reads the credential when the Host reports the watched reference changed', async () => {
|
|
const { ctx, slots, describeCredentials } = await bench()
|
|
declareRoot(slots)
|
|
await ctx.plugin({ inject: [...inject], apply }).await()
|
|
await vi.waitFor(() => { expect(describeCredentials).toHaveBeenCalled() })
|
|
describeCredentials.mockClear()
|
|
|
|
// A key written on another surface changes no settings section, so this
|
|
// event is the only thing that reaches the card.
|
|
ctx.remote.$dispatch('credentials/updated', ['DEEPSEEK_API_KEY'])
|
|
|
|
await vi.waitFor(() => { expect(describeCredentials).toHaveBeenCalledTimes(1) })
|
|
})
|
|
|
|
it('ignores a credential change for a reference no card watches', async () => {
|
|
const { ctx, slots, describeCredentials } = await bench()
|
|
declareRoot(slots)
|
|
await ctx.plugin({ inject: [...inject], apply }).await()
|
|
await vi.waitFor(() => { expect(describeCredentials).toHaveBeenCalled() })
|
|
describeCredentials.mockClear()
|
|
|
|
ctx.remote.$dispatch('credentials/updated', ['SOME_OTHER_KEY'])
|
|
await Promise.resolve()
|
|
|
|
expect(describeCredentials).not.toHaveBeenCalled()
|
|
})
|
|
|
|
it('registers into a declaration that arrives after apply', async () => {
|
|
const { ctx, slots } = await bench()
|
|
await ctx.plugin({ inject: [...inject], apply }).await()
|
|
|
|
declareRoot(slots)
|
|
|
|
await vi.waitFor(() => { expect(slots.entries('settings.section')).toHaveLength(1) })
|
|
})
|
|
|
|
it('collapses every contribution on teardown', async () => {
|
|
const { ctx, slots } = await bench()
|
|
declareRoot(slots)
|
|
const fiber = ctx.plugin({ inject: [...inject], apply })
|
|
await fiber.await()
|
|
expect(slots.entries('settings.plugin.item')).toHaveLength(3)
|
|
|
|
await fiber.dispose()
|
|
|
|
expect(slots.entries('settings.section')).toHaveLength(0)
|
|
expect(slots.spec('settings.plugin.item')).toBeUndefined()
|
|
})
|
|
})
|