loki5512344
fd2e29cede
Task 12 batch around the existing crop/preview flow: - Success Notice (auto-dismiss ~2.5s) after an avatar upload. - "Reposition" re-crops the current avatar without re-picking a file. - Drag & drop an image straight onto the profile avatar circle. - Real upload progress via a new XHR-backed api.upload (fetch has none); refreshOnce now also stores the renewed token (reload-restore fix). - Local avatar history (last 5, IndexedDB, this-device-only) strip that re-uploads a stored crop. Stored as ArrayBuffer (Blob is not cloneable under structuredClone); label makes the per-device scope explicit. - Added a "success" tone to Notice. Infra (same session): registered @shared/@features/@pages/@app/@test path aliases in vite.config + tsconfigs and rewrote deep ../../../ imports; moved avatar components into components/avatar/ to keep folders at <=4 files. Tests: avatarHistory cap/order, recrop visibility, drop-opens-cropper, client upload/progress/401-retry. bun test 103 pass, lint 0 errors, build ok.
16 lines
603 B
TypeScript
16 lines
603 B
TypeScript
import 'fake-indexeddb/auto'
|
|
import { beforeEach, expect, test } from 'vitest'
|
|
import { addAvatarHistory, listAvatarHistory } from '../api'
|
|
|
|
beforeEach(async () => {
|
|
const { indexedDB } = globalThis
|
|
indexedDB.deleteDatabase('lovisual-avatars')
|
|
})
|
|
|
|
test('keeps only the 5 most recent entries, newest first', async () => {
|
|
for (let i = 0; i < 7; i++) await addAvatarHistory(new Blob([String(i)], { type: 'image/png' }))
|
|
const entries = await listAvatarHistory()
|
|
expect(entries).toHaveLength(5)
|
|
expect(await entries[0].blob.text()).toBe('6')
|
|
expect(await entries[4].blob.text()).toBe('2')
|
|
})
|