77 lines
2.3 KiB
TypeScript
77 lines
2.3 KiB
TypeScript
|
import { flushPromises, mount } from '@vue/test-utils'
|
||
|
|
import { describe, expect, it, vi } from 'vitest'
|
||
|
|
import Credentials from '../Credentials.vue'
|
||
|
|
import { rpcClient } from '@/api/rpc-client'
|
||
|
|
|
||
|
|
vi.mock('@/api/rpc-client', () => ({
|
||
|
|
rpcClient: {
|
||
|
|
call: vi.fn(),
|
||
|
|
},
|
||
|
|
}))
|
||
|
|
|
||
|
|
function deferred<T>() {
|
||
|
|
let resolve!: (value: T) => void
|
||
|
|
let reject!: (reason?: unknown) => void
|
||
|
|
const promise = new Promise<T>((res, rej) => {
|
||
|
|
resolve = res
|
||
|
|
reject = rej
|
||
|
|
})
|
||
|
|
return { promise, resolve, reject }
|
||
|
|
}
|
||
|
|
|
||
|
|
function makeCredential(id: string) {
|
||
|
|
return {
|
||
|
|
id,
|
||
|
|
type: ['VerifiableCredential', 'NodeOperator'],
|
||
|
|
issuer: 'did:key:issuer',
|
||
|
|
credentialSubject: { id: 'did:key:subject' },
|
||
|
|
issuanceDate: '2026-06-10T10:00:00Z',
|
||
|
|
status: 'active',
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
describe('Credentials', () => {
|
||
|
|
it('keeps credentials visible while refresh is pending or fails', async () => {
|
||
|
|
vi.mocked(rpcClient.call).mockImplementation((request: { method: string }) => {
|
||
|
|
if (request.method === 'identity.list') return Promise.resolve({ identities: [] })
|
||
|
|
if (request.method === 'identity.list-credentials') {
|
||
|
|
return Promise.resolve({ credentials: [makeCredential('cred-one')] })
|
||
|
|
}
|
||
|
|
return Promise.resolve({})
|
||
|
|
})
|
||
|
|
|
||
|
|
const wrapper = mount(Credentials, {
|
||
|
|
global: {
|
||
|
|
mocks: {
|
||
|
|
$router: { push: vi.fn() },
|
||
|
|
},
|
||
|
|
},
|
||
|
|
})
|
||
|
|
await flushPromises()
|
||
|
|
|
||
|
|
expect(wrapper.text()).toContain('NodeOperator')
|
||
|
|
expect(wrapper.text()).toContain('cred-one')
|
||
|
|
|
||
|
|
const pending = deferred<{ credentials: [] }>()
|
||
|
|
vi.mocked(rpcClient.call).mockImplementation((request: { method: string }) => {
|
||
|
|
if (request.method === 'identity.list-credentials') return pending.promise
|
||
|
|
return Promise.resolve({ identities: [] })
|
||
|
|
})
|
||
|
|
|
||
|
|
const refresh = (wrapper.vm as unknown as { loadCredentials: () => Promise<void> }).loadCredentials()
|
||
|
|
await wrapper.vm.$nextTick()
|
||
|
|
|
||
|
|
expect(wrapper.text()).toContain('NodeOperator')
|
||
|
|
expect(wrapper.text()).toContain('cred-one')
|
||
|
|
expect(wrapper.text()).toContain('Refreshing credentials...')
|
||
|
|
|
||
|
|
pending.reject(new Error('offline'))
|
||
|
|
await refresh
|
||
|
|
await flushPromises()
|
||
|
|
|
||
|
|
expect(wrapper.text()).toContain('NodeOperator')
|
||
|
|
expect(wrapper.text()).toContain('cred-one')
|
||
|
|
expect(wrapper.text()).not.toContain('Refreshing credentials...')
|
||
|
|
})
|
||
|
|
})
|