style: 优化资产卡片信息与瀑布流布局

This commit is contained in:
GouJ
2026-09-22 11:12:40 +08:00
parent 2d0d7e22d3
commit 2240a90424
2 changed files with 71 additions and 19 deletions
+11 -2
View File
@@ -1,6 +1,7 @@
import { afterEach, describe, expect, it, vi } from 'vitest'
import { flushPromises, mount, type VueWrapper } from '@vue/test-utils'
import { createMemoryHistory, createRouter } from 'vue-router'
import { NTooltip } from 'naive-ui'
import AssetLibraryPage from '@/features/project-assets/AssetLibraryPage.vue'
let wrapper: VueWrapper | undefined
@@ -24,7 +25,7 @@ describe('全局资产库', () => {
extension: 'png',
size: 4096,
publicUrl: '/storage/scene.png',
metadata: null,
metadata: { originalName: 'rain-street-original.png' },
createdAt: '2026-09-22T00:00:00Z',
updatedAt: '2026-09-22T00:00:00Z',
project: { id: 'project-one', title: '记忆当铺', topic: '记忆交易', status: 'completed' }
@@ -73,13 +74,21 @@ describe('全局资产库', () => {
expect(wrapper.text()).toContain('雨夜街道')
expect(wrapper.text()).toContain('林默正面照')
expect(wrapper.text()).toContain('记忆当铺')
expect(wrapper.findAllComponents(NTooltip)).toHaveLength(2)
expect(wrapper.get('.asset-library-title').classes()).toContain('asset-library-title')
expect(wrapper.get('.asset-library-card').text()).not.toContain('rain-street-original.png')
expect(wrapper.get('.asset-library-card').text()).not.toContain('4.0 KB')
await wrapper
.findAll('button')
.find(button => button.text() === '管理')!
.trigger('click')
await flushPromises()
expect(document.querySelector('[role="dialog"][aria-label="管理素材信息"]')).not.toBeNull()
const dialog = document.querySelector('[role="dialog"][aria-label="素材详情与管理"]')!
expect(dialog).not.toBeNull()
expect(dialog.textContent).toContain('rain-street-original.png')
expect(dialog.textContent).toContain('image/png')
expect(dialog.textContent).toContain('4.0 KB')
expect(router.currentRoute.value.path).toBe('/assets')
await wrapper.get('input[aria-label="搜索资产图片"]').setValue('天降甘霖')