From 27f9d2ac47b7d07950727e394cadc1ba9cdfc374 Mon Sep 17 00:00:00 2001
From: GouJ <hefangjay@qq.com>
Date: Mon, 14 Sep 2026 13:47:56 +0800
Subject: [PATCH] fix: align sidebar tests with persistent compact labels

---
 tests/components/ui/layout.test.ts | 36 +++++++++++++++---------------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/tests/components/ui/layout.test.ts b/tests/components/ui/layout.test.ts
index 36c5449..637a342 100644
--- a/tests/components/ui/layout.test.ts
+++ b/tests/components/ui/layout.test.ts
@@ -159,7 +159,7 @@ describe('管理后台组件边界', () => {
         expect(wrapper.get('.admin-sider-footer [aria-label="后端连接"]').text()).toBe('后端连接')
         expect(wrapper.getComponent(NMenu).props()).toMatchObject({
             collapsed: false,
-            collapsedWidth: 64,
+            collapsedWidth: 144,
             iconSize: 20,
             collapsedIconSize: 20,
             indent: 22,
@@ -177,20 +177,20 @@ describe('管理后台组件边界', () => {
         await flushPromises()
         expect(wrapper.find('[aria-label="展开侧栏"]').exists()).toBe(true)
         expect(wrapper.getComponent(NMenu).props('collapsed')).toBe(false)
-        expect(firstMenuIcon().type).toBe(NPopover)
-        expect(firstMenuIcon().props).toMatchObject({
-            placement: 'right',
-            to: 'body',
-            class: 'admin-nav-popover',
-            zIndex: 3000
-        })
-        const footerPopover = wrapper.get('.admin-sider-footer').getComponent(NPopover)
-        expect(footerPopover.props()).toMatchObject({
-            disabled: false,
-            placement: 'right',
-            to: 'body',
-            zIndex: 3000
-        })
+        expect(firstMenuIcon().type).not.toBe(NPopover)
+        expect(wrapper.get('.admin-sider').attributes('style')).toContain('width: 144px')
+        expect(wrapper.get('.admin-sider-footer').getComponent(NPopover).props('disabled')).toBe(true)
+        const labels = wrapper.findAll('.n-menu-item-content-header').map(item => item.text())
+        expect(labels).toEqual([
+            '我的剧本',
+            '剧本创作',
+            '剧本拆解',
+            '视觉风格',
+            '主体身份',
+            '形态图片',
+            '分镜设计',
+            '镜头生产'
+        ])
         const settings = wrapper.get('.admin-sider-footer [aria-label="后端连接"]')
         expect(settings.text()).toBe('后端连接')
         await settings.trigger('click')
@@ -205,11 +205,11 @@ describe('管理后台组件边界', () => {
         expect(css).toMatch(
             /\.admin-nav-scroll\.n-scrollbar\s*\{[^}]*flex:\s*1;[^}]*min-height:\s*0;[^}]*min-width:\s*var\(--admin-sider-expanded\)/
         )
-        expect(css).toMatch(/\.admin-sider\.is-collapsed \.n-menu-item-content-header\s*\{[^}]*opacity:\s*0/)
+        expect(css).toMatch(/\.admin-sider\.is-collapsed \.n-menu-item-content-header\s*\{[^}]*opacity:\s*1/)
         expect(css).toMatch(/\.admin-sider\.is-collapsed \.n-menu-item-content__icon\s*\{[^}]*z-index:\s*2/)
         expect(css).toMatch(/\.n-popover\.admin-nav-popover\s*\{[^}]*margin-inline-start:\s*24px\s*!important/)
         expect(css).toMatch(/\.admin-sider-footer\s*\{[^}]*flex-shrink:\s*0/)
-        expect(css).toMatch(/\.admin-sider\.is-collapsed \.admin-settings-label\s*\{[^}]*opacity:\s*0/)
+        expect(css).toMatch(/\.admin-sider\.is-collapsed \.admin-settings-label\s*\{[^}]*opacity:\s*1/)
         expect(css).toMatch(/\.admin-sider\.is-collapsed \.admin-brand span\s*\{[^}]*opacity:\s*0/)
         expect(css).toMatch(/@media \(max-width: 800px\)[\s\S]*?\.admin-brand\s*\{[^}]*height:\s*48px/)
         expect(css).toContain('@media (max-width: 800px)')
@@ -272,7 +272,7 @@ describe('管理后台组件边界', () => {
         expect(wrapper.find('.admin-sider-mask').exists()).toBe(false)
         expect(wrapper.find('.admin-nav-drawer').exists()).toBe(false)
         expect(wrapper.getComponent(NMenu).props()).toMatchObject({
-            collapsedWidth: 64,
+            collapsedWidth: 144,
             indent: 20,
             rootIndent: 20
         })