style: 重构资产卡片覆盖层与详情弹窗

tests/features/project-assets/library.test.ts

@@ -75,14 +75,24 @@ describe('全局资产库', () => {
         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')
+        const title = wrapper.get('.asset-library-title')
+        expect(title.classes()).toContain('asset-library-title')
+        expect(wrapper.findComponent(NTooltip).props('disabled')).toBe(true)
+        Object.defineProperties(title.element, {
+            scrollWidth: { configurable: true, value: 240 },
+            clientWidth: { configurable: true, value: 120 }
+        })
+        await title.trigger('mouseenter')
+        expect(wrapper.findComponent(NTooltip).props('disabled')).toBe(false)
         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 wrapper.get('[aria-label="预览图片"]').trigger('click')
+        await flushPromises()
+        expect(document.querySelector('[role="dialog"][aria-label="素材详情与管理"]')).toBeNull()
+        expect(document.querySelector('.n-image-preview-container')).not.toBeNull()
+
+        await wrapper.get('[aria-label="查看素材详情"]').trigger('click')
         await flushPromises()
         const dialog = document.querySelector('[role="dialog"][aria-label="素材详情与管理"]')!
         expect(dialog).not.toBeNull()