style: 优化资产卡片信息与瀑布流布局
This commit is contained in:
@@ -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('天降甘霖')
|
||||
|
||||
Reference in New Issue
Block a user