453b27f15f
Retain one selection-property subtree while frame presets are shown. Suspend opted-in descendant scopes after cleanup, cancel drafts before detachment can blur inputs, close portals, and release previews and pending resource work. Track focused-element removal with VueUse so WebKit shortcuts resume after input teardown. Cover retained identity, hidden inactivity, binding rollback, async disposal, undo, popup reactivation and browser focus behavior.
113 lines
3.4 KiB
TypeScript
113 lines
3.4 KiB
TypeScript
import { describe, expect, test } from 'bun:test'
|
|
|
|
import { useFontSettings, type FontSettingsActions } from '@/components/font-settings/use'
|
|
|
|
function actions(overrides: Partial<FontSettingsActions> = {}): FontSettingsActions {
|
|
let accessState: ReturnType<FontSettingsActions['localFontAccessState']> = 'prompt'
|
|
return {
|
|
async clearDownloadedFontCache() {
|
|
return undefined
|
|
},
|
|
async downloadedFontCacheSummary() {
|
|
return { count: 2, byteLength: 1_572_864, updatedAt: 1_700_000_000_000 }
|
|
},
|
|
localFontAccessState() {
|
|
return accessState
|
|
},
|
|
async predownloadFallbackFonts() {
|
|
return undefined
|
|
},
|
|
async requestLocalFontAccess() {
|
|
accessState = 'granted'
|
|
return ['Inter']
|
|
},
|
|
...overrides
|
|
}
|
|
}
|
|
|
|
describe('useFontSettings', () => {
|
|
test('loads cache summary and formats labels', async () => {
|
|
const settings = useFontSettings(actions())
|
|
|
|
await settings.refreshSummary()
|
|
|
|
expect(settings.cacheCount.value).toBe(2)
|
|
expect(settings.accessStateLabel.value).toBe('Not requested')
|
|
expect(settings.canRequestLocalFonts.value).toBe(true)
|
|
expect(settings.cacheSize.value).toBe('1.5 MB')
|
|
expect(settings.cacheUpdatedLabel.value).not.toBe('Never')
|
|
expect(settings.busyAction.value).toBeNull()
|
|
})
|
|
|
|
test('requests local font access and updates status', async () => {
|
|
const settings = useFontSettings(actions())
|
|
|
|
await settings.requestAccess()
|
|
|
|
expect(settings.accessState.value).toBe('granted')
|
|
expect(settings.accessStateLabel.value).toBe('Enabled')
|
|
expect(settings.canRequestLocalFonts.value).toBe(false)
|
|
expect(settings.status.value).toBe('Local font access enabled.')
|
|
expect(settings.busyAction.value).toBeNull()
|
|
})
|
|
|
|
test('downloads fallbacks then refreshes cache summary', async () => {
|
|
const calls: string[] = []
|
|
const settings = useFontSettings(
|
|
actions({
|
|
async predownloadFallbackFonts() {
|
|
calls.push('download')
|
|
},
|
|
async downloadedFontCacheSummary() {
|
|
calls.push('summary')
|
|
return { count: 3, byteLength: 3_145_728, updatedAt: null }
|
|
}
|
|
})
|
|
)
|
|
|
|
await settings.downloadFallbacks()
|
|
|
|
expect(calls).toEqual(['download', 'summary'])
|
|
expect(settings.cacheCount.value).toBe(3)
|
|
expect(settings.cacheSize.value).toBe('3.0 MB')
|
|
expect(settings.status.value).toBe('Fallback fonts downloaded.')
|
|
})
|
|
|
|
test('clears cache then refreshes cache summary', async () => {
|
|
const calls: string[] = []
|
|
const settings = useFontSettings(
|
|
actions({
|
|
async clearDownloadedFontCache() {
|
|
calls.push('clear')
|
|
},
|
|
async downloadedFontCacheSummary() {
|
|
calls.push('summary')
|
|
return { count: 0, byteLength: 0, updatedAt: null }
|
|
}
|
|
})
|
|
)
|
|
|
|
await settings.clearCache()
|
|
|
|
expect(calls).toEqual(['clear', 'summary'])
|
|
expect(settings.cacheCount.value).toBe(0)
|
|
expect(settings.cacheSize.value).toBe('0 MB')
|
|
expect(settings.status.value).toBe('Downloaded font cache cleared.')
|
|
})
|
|
|
|
test('reports action failures without leaving busy state stuck', async () => {
|
|
const settings = useFontSettings(
|
|
actions({
|
|
async requestLocalFontAccess() {
|
|
throw new Error('denied')
|
|
}
|
|
})
|
|
)
|
|
|
|
await settings.requestAccess()
|
|
|
|
expect(settings.status.value).toBe('Local font access was not granted.')
|
|
expect(settings.busyAction.value).toBeNull()
|
|
})
|
|
})
|