fix: 修复身份与形态图库历史图片布局

2026-09-01 18:26:17 +08:00
parent 7773721399
commit bf19128580
8 changed files with 307 additions and 76 deletions
@@ -24,6 +24,40 @@ afterEach(() => {
 })

 describe('形态图片选择与操作', () => {
+    it('形态图库复用有界历史栏，多张候选与失败记录切换只更新预览', async () => {
+        const rows = [
+            imageFixture(),
+            imageFixture({ id: 'candidate', isPrimary: false, imageUrl: '/storage/candidate.png' }),
+            imageFixture({ id: 'failed', isPrimary: false, status: 'failed', imageUrl: null, error: '生成失败详情' })
+        ]
+        const fetcher = vi.fn<typeof fetch>().mockResolvedValue(new Response(JSON.stringify({ data: rows })))
+        vi.stubGlobal('fetch', fetcher)
+        wrapper = mount(ImageGalleryDialog, {
+            attachTo: document.body,
+            props: { projectId: 'gallery-test', form: formFixture('gallery-test'), open: true, disabled: false }
+        })
+        await flushPromises()
+        const history = document.querySelector<HTMLElement>('[aria-label="图片历史"]')!
+        expect(history.querySelectorAll('.image-history-item')).toHaveLength(3)
+        expect(history.previousElementSibling?.textContent).toContain('历史记录 · 3 条')
+        expect(history.previousElementSibling?.previousElementSibling?.classList.contains('asset-image-preview')).toBe(
+            true
+        )
+        history.querySelector<HTMLButtonElement>('[aria-label="查看图片 candidate"]')!.click()
+        await flushPromises()
+        expect(document.querySelector('.asset-image-preview img')?.getAttribute('src')).toContain(
+            '/storage/candidate.png'
+        )
+        expect(history.querySelector('[aria-label="查看图片 candidate"]')?.getAttribute('aria-pressed')).toBe('true')
+        history.querySelector<HTMLButtonElement>('[aria-label="查看图片 failed"]')!.click()
+        await flushPromises()
+        expect(document.querySelector('.asset-image-preview')?.textContent).toContain('本次生成失败')
+        expect(button('设为主参考图').disabled).toBe(true)
+        expect(fetcher).toHaveBeenCalledOnce()
+        expect(fetcher.mock.calls[0]![1]?.method).toBe('GET')
+        expect(wrapper.emitted('changed')).toBeUndefined()
+    })
+
    it.each(['character', 'scene', 'prop'])('按后端最新 %s 模块展示母版继承范围', async module => {
        const form = formFixture()
        form.subject.module = module