优化

src/modules/inbounds/weight/components/WeightImageThumbnail.test.ts

@@ -0,0 +1,44 @@
+import { enableAutoUnmount, flushPromises, mount } from '@vue/test-utils'
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
+import { downloadWeightThumbnail } from '../api/weightOcr'
+import WeightImageThumbnail from './WeightImageThumbnail.vue'
+
+vi.mock('../api/weightOcr', () => ({
+  downloadWeightThumbnail: vi.fn(),
+}))
+
+enableAutoUnmount(afterEach)
+
+describe('WeightImageThumbnail', () => {
+  const createObjectURL = vi.fn(() => 'blob:thumbnail')
+  const revokeObjectURL = vi.fn()
+
+  beforeEach(() => {
+    vi.clearAllMocks()
+    vi.stubGlobal('URL', { createObjectURL, revokeObjectURL })
+  })
+
+  it('loads an authenticated thumbnail and releases its object URL', async () => {
+    vi.mocked(downloadWeightThumbnail).mockResolvedValue(new Blob(['image'], { type: 'image/jpeg' }))
+    const wrapper = mount(WeightImageThumbnail, {
+      props: { customerId: '10001', inboundId: '20001', fileId: '30001', alt: '称重图片 1' },
+    })
+    await flushPromises()
+
+    expect(downloadWeightThumbnail).toHaveBeenCalledWith('10001', '20001', '30001')
+    expect(wrapper.get('img').attributes('src')).toBe('blob:thumbnail')
+    await wrapper.unmount()
+    expect(revokeObjectURL).toHaveBeenCalledWith('blob:thumbnail')
+  })
+
+  it('shows a stable failure state when the thumbnail cannot be read', async () => {
+    vi.mocked(downloadWeightThumbnail).mockRejectedValue(new Error('network'))
+    const wrapper = mount(WeightImageThumbnail, {
+      props: { customerId: '10001', inboundId: '20001', fileId: '30001', alt: '称重图片 1' },
+    })
+    await flushPromises()
+
+    expect(wrapper.text()).toContain('图片加载失败')
+    expect(wrapper.find('img').exists()).toBe(false)
+  })
+})