short-drama-agent/short-drama-agent-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: align sidebar tests with persistent compact labels

Browse Source
This commit is contained in:
GouJ
2026-09-14 13:47:56 +08:00
parent c4046434d7
commit 27f9d2ac47
1 changed files with 18 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tests/components/ui/layout.test.ts
+18 -18
View File
@@ -159,7 +159,7 @@ describe('管理后台组件边界', () => {
expect(wrapper.get('.admin-sider-footer [aria-label="后端连接"]').text()).toBe('后端连接') expect(wrapper.get('.admin-sider-footer [aria-label="后端连接"]').text()).toBe('后端连接')
expect(wrapper.getComponent(NMenu).props()).toMatchObject({ expect(wrapper.getComponent(NMenu).props()).toMatchObject({
collapsed: false, collapsed: false,
collapsedWidth: 64, collapsedWidth: 144,
iconSize: 20, iconSize: 20,
collapsedIconSize: 20, collapsedIconSize: 20,
indent: 22, indent: 22,
@@ -177,20 +177,20 @@ describe('管理后台组件边界', () => {
await flushPromises() await flushPromises()
expect(wrapper.find('[aria-label="展开侧栏"]').exists()).toBe(true) expect(wrapper.find('[aria-label="展开侧栏"]').exists()).toBe(true)
expect(wrapper.getComponent(NMenu).props('collapsed')).toBe(false) expect(wrapper.getComponent(NMenu).props('collapsed')).toBe(false)
expect(firstMenuIcon().type).toBe(NPopover) expect(firstMenuIcon().type).not.toBe(NPopover)
expect(firstMenuIcon().props).toMatchObject({ expect(wrapper.get('.admin-sider').attributes('style')).toContain('width: 144px')
placement: 'right', expect(wrapper.get('.admin-sider-footer').getComponent(NPopover).props('disabled')).toBe(true)
to: 'body', const labels = wrapper.findAll('.n-menu-item-content-header').map(item => item.text())
class: 'admin-nav-popover', expect(labels).toEqual([
zIndex: 3000 '我的剧本',
}) '剧本创作',
const footerPopover = wrapper.get('.admin-sider-footer').getComponent(NPopover) '剧本拆解',
expect(footerPopover.props()).toMatchObject({ '视觉风格',
disabled: false, '主体身份',
placement: 'right', '形态图片',
to: 'body', '分镜设计',
zIndex: 3000 '镜头生产'
}) ])
const settings = wrapper.get('.admin-sider-footer [aria-label="后端连接"]') const settings = wrapper.get('.admin-sider-footer [aria-label="后端连接"]')
expect(settings.text()).toBe('后端连接') expect(settings.text()).toBe('后端连接')
await settings.trigger('click') await settings.trigger('click')
@@ -205,11 +205,11 @@ describe('管理后台组件边界', () => {
expect(css).toMatch( expect(css).toMatch(
/\.admin-nav-scroll\.n-scrollbar\s*\{[^}]*flex:\s*1;[^}]*min-height:\s*0;[^}]*min-width:\s*var\(--admin-sider-expanded\)/ /\.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(/\.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(/\.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-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(/\.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).toMatch(/@media \(max-width: 800px\)[\s\S]*?\.admin-brand\s*\{[^}]*height:\s*48px/)
expect(css).toContain('@media (max-width: 800px)') 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-sider-mask').exists()).toBe(false)
expect(wrapper.find('.admin-nav-drawer').exists()).toBe(false) expect(wrapper.find('.admin-nav-drawer').exists()).toBe(false)
expect(wrapper.getComponent(NMenu).props()).toMatchObject({ expect(wrapper.getComponent(NMenu).props()).toMatchObject({
collapsedWidth: 64, collapsedWidth: 144,
indent: 20, indent: 20,
rootIndent: 20 rootIndent: 20
}) })