80 lines
5.1 KiB
TypeScript
80 lines
5.1 KiB
TypeScript
// @vitest-environment jsdom
|
|
import { flushPromises, mount } from '@vue/test-utils'
|
|
import { beforeEach, expect, it, vi } from 'vitest'
|
|
const native = vi.hoisted(() => ({ invoke: vi.fn(), workspace: { vaultId: 'vault-one' } }))
|
|
vi.mock('@/services/platform/desktop', () => ({ hostInvoke: native.invoke }))
|
|
vi.mock('@/stores/workspace', async () => {
|
|
const { reactive } = await import('vue')
|
|
native.workspace = reactive(native.workspace)
|
|
return { useWorkspaceStore: () => native.workspace }
|
|
})
|
|
import DesktopPackages from './DesktopPackages.vue'
|
|
const item = { package_key: 'package-key', source: 'https://example.com/', namespace: 'examples', package_id: 'reviewer', version: '1.0.0', state: 'staged' }
|
|
beforeEach(() => { native.invoke.mockReset(); native.workspace.vaultId = 'vault-one' })
|
|
function component() { return mount(DesktopPackages, { props: { refreshKey: 0 }, global: { stubs: { AppDialog: { template: '<section><slot /></section>' } } } }) }
|
|
it('uses themed surfaces for the section, empty state, and staged package rows', async () => {
|
|
native.invoke.mockResolvedValueOnce([])
|
|
const empty = component(); await flushPromises()
|
|
expect(empty.get('section.desktop-packages').classes()).toContain('panel')
|
|
expect(empty.get('.empty-state').text()).toContain('本页没有暂存包')
|
|
empty.unmount()
|
|
|
|
native.invoke.mockResolvedValueOnce([item])
|
|
const populated = component(); await flushPromises()
|
|
expect(populated.get('.package-list > li').classes()).toContain('item-card')
|
|
populated.unmount()
|
|
})
|
|
it('loads durable staged metadata and requires explicit confirmation before installation', async () => {
|
|
native.invoke.mockImplementation(async command => command === 'extension_staged' ? [item] : {
|
|
fingerprint: 'fingerprint', dependencies: { packages: [{ ...item, kind: 'plugin', permissions: ['notes.read'] }] }, changes: [{ target: { slot: 'slot', package_key: 'package-key', configuration: {} }, expected_revision: null }],
|
|
})
|
|
const wrapper = component(); await flushPromises()
|
|
expect(native.invoke).toHaveBeenCalledWith('extension_staged', { offset: 0, limit: 20 })
|
|
await wrapper.findAll('button').find(b => b.text() === '查看安装预览')!.trigger('click')
|
|
await wrapper.findAll('button').find(b => b.text() === '检查依赖、权限与配置')!.trigger('click')
|
|
await flushPromises()
|
|
expect(native.invoke).toHaveBeenLastCalledWith('extension_install_preview', { request: { root_key: 'package-key', vault_id: 'vault-one', configurations: { 'package-key': {} } } })
|
|
expect(wrapper.text()).toContain('notes.read')
|
|
expect(wrapper.text()).toContain('确认安装并启用')
|
|
expect(native.invoke.mock.calls.every(call => ['extension_staged', 'extension_install_preview'].includes(call[0]))).toBe(true)
|
|
wrapper.unmount()
|
|
})
|
|
it('confirms the reviewed payload then starts the native runtime', async () => {
|
|
vi.stubGlobal('crypto', { randomUUID: () => 'operation-id' })
|
|
native.invoke.mockImplementation(async (command) => {
|
|
if (command === 'extension_staged') return [item]
|
|
if (command === 'extension_install_preview') return {
|
|
fingerprint: 'fingerprint',
|
|
dependencies: { packages: [{ ...item, kind: 'plugin', permissions: [] }] },
|
|
changes: [{ target: { slot: 'slot', package_key: 'package-key', configuration: {} }, expected_revision: null }],
|
|
}
|
|
if (command === 'extension_stage_prepare') return 'request-id'
|
|
return { status: 'ready' }
|
|
})
|
|
const wrapper = component(); await flushPromises()
|
|
await wrapper.findAll('button').find(button => button.text() === '查看安装预览')!.trigger('click')
|
|
await wrapper.findAll('button').find(button => button.text() === '检查依赖、权限与配置')!.trigger('click')
|
|
await flushPromises()
|
|
await wrapper.findAll('button').find(button => button.text() === '确认安装并启用')!.trigger('click')
|
|
await flushPromises()
|
|
expect(native.invoke).toHaveBeenCalledWith('extension_install_confirm', { request: {
|
|
request_id: 'request-id', operation_id: 'operation-id', fingerprint: 'fingerprint',
|
|
root_key: 'package-key', vault_id: 'vault-one', configurations: { 'package-key': {} },
|
|
} })
|
|
expect(native.invoke).toHaveBeenCalledWith('extension_enable', { slot: 'slot', vaultId: 'vault-one', installOperationId: 'operation-id' })
|
|
expect(wrapper.text()).toContain('安装和运行健康检查已完成')
|
|
wrapper.unmount(); vi.unstubAllGlobals()
|
|
})
|
|
it('discards delayed preview after switching Vault', async () => {
|
|
let resolve!: (value: unknown) => void
|
|
native.invoke.mockImplementation(command => command === 'extension_staged' ? Promise.resolve([item]) : new Promise(done => { resolve = done }))
|
|
const wrapper = component(); await flushPromises()
|
|
await wrapper.findAll('button').find(b => b.text() === '查看安装预览')!.trigger('click')
|
|
await wrapper.findAll('button').find(b => b.text() === '检查依赖、权限与配置')!.trigger('click')
|
|
native.workspace.vaultId = 'vault-two'; await flushPromises()
|
|
resolve({ dependencies: { packages: [{ ...item, permissions: ['stale-permission'] }] }, changes: [] }); await flushPromises()
|
|
expect(wrapper.text()).not.toContain('stale-permission')
|
|
expect(wrapper.find('textarea').exists()).toBe(false)
|
|
wrapper.unmount()
|
|
})
|