niuma-ui 1.0.1 → 1.1.0

package/src/__tests__/RsInput.spec.ts

@@ -1,5 +1,5 @@
 import { describe, expect, it } from 'vitest'
-import { mount } from '@vue/test-utils'
+import { flushPromises, mount } from '@vue/test-utils'
 import { h } from 'vue'
 import RsConfigProvider from '../components/RsConfigProvider.vue'
 import RsInput from '../components/RsInput.vue'
@@ -35,6 +35,16 @@ describe('RsInput', () => {
     expect(wrapper.emitted('update:modelValue')?.[0]).toEqual(['world'])
   })
 
+  it('defaults autocomplete to off (new-password for password)', () => {
+    const text = mount(RsInput, { props: { modelValue: '' } })
+    expect(text.find('input').attributes('autocomplete')).toBe('off')
+    text.unmount()
+
+    const password = mount(RsInput, { props: { modelValue: '', type: 'password' } })
+    expect(password.find('input').attributes('autocomplete')).toBe('new-password')
+    password.unmount()
+  })
+
   it('marks invalid state on group', () => {
     const wrapper = mount(RsInput, { props: { invalid: true } })
     expect(wrapper.find('.rs-input-group').classes()).toContain('rs-input-group--invalid')
@@ -154,6 +164,7 @@ describe('RsInput', () => {
       props: { modelValue: 'bad-email', rule: 'email', id: 'e1' },
     })
     await wrapper.find('input').trigger('blur')
+    await flushPromises()
     expect(wrapper.find('.rs-input-group').classes()).toContain('rs-input-group--invalid')
     expect(wrapper.find('.rs-input-field__error').text()).toContain('邮箱')
     expect(wrapper.emitted('validate')?.[0]?.[0]).toEqual({
@@ -167,6 +178,7 @@ describe('RsInput', () => {
       props: { modelValue: 'user@example.com', rule: 'email' },
     })
     await wrapper.find('input').trigger('blur')
+    await flushPromises()
     expect(wrapper.find('.rs-input-group').classes()).not.toContain('rs-input-group--invalid')
     expect(wrapper.emitted('validate')?.[0]?.[0]).toEqual({ valid: true })
   })
@@ -179,6 +191,7 @@ describe('RsInput', () => {
       },
     })
     await wrapper.find('input').trigger('blur')
+    await flushPromises()
     expect(wrapper.find('.rs-input-field__error').text()).toBe('至少 3 个字符')
   })
 
@@ -196,6 +209,7 @@ describe('RsInput', () => {
       },
     })
     await wrapper.find('input').trigger('blur')
+    await flushPromises()
     expect(wrapper.find('.rs-input-field__error').text()).toContain('email')
   })
 
@@ -266,4 +280,97 @@ describe('RsInput', () => {
     })
     expect((wrapper.find('input').element as HTMLInputElement).value).toBe('256')
   })
+
+  it('places clear before custom suffix inside the affix', () => {
+    const wrapper = mount(RsInput, {
+      props: { modelValue: 'hub', clearable: true },
+      slots: { suffix: () => '选' },
+    })
+    const affix = wrapper.find('.rs-input-group__affix--suffix')
+    const children = [...affix.element.children] as HTMLElement[]
+    expect(children.map((el) => el.className)).toEqual([
+      'rs-input-group__action',
+      'rs-input-group__custom-suffix',
+    ])
+  })
+
+  it('renders addonAfterIcon as an owned addon button and emits addonAfterClick', async () => {
+    const wrapper = mount(RsInput, {
+      props: {
+        modelValue: 'hub',
+        clearable: true,
+        addonAfterIcon: 'ellipsis',
+        addonAfterIconLabel: '选择',
+      },
+    })
+    expect(wrapper.find('.rs-input-shell--combined').exists()).toBe(true)
+    expect(wrapper.find('.rs-input-addon--icon').exists()).toBe(true)
+    const button = wrapper.find('button.rs-input-addon__button')
+    expect(button.attributes('aria-label')).toBe('选择')
+    await button.trigger('click')
+    expect(wrapper.emitted('addonAfterClick')).toHaveLength(1)
+  })
+
+  it('prefers addonAfter content over addonAfterIcon', () => {
+    const wrapper = mount(RsInput, {
+      props: {
+        modelValue: '',
+        addonAfter: '.com',
+        addonAfterIcon: 'ellipsis',
+      },
+    })
+    expect(wrapper.find('.rs-input-addon--after').text()).toBe('.com')
+    expect(wrapper.find('button.rs-input-addon__button').exists()).toBe(false)
+  })
+
+  it('renders addonBefore and addonAfter as a combined shell', () => {
+    const wrapper = mount(RsInput, {
+      props: { modelValue: '', addonBefore: 'https://', addonAfter: '.com' },
+    })
+    expect(wrapper.find('.rs-input-shell--combined').exists()).toBe(true)
+    expect(wrapper.find('.rs-input-addon--before').text()).toBe('https://')
+    expect(wrapper.find('.rs-input-addon--after').text()).toBe('.com')
+    expect(wrapper.find('.rs-input-group--combined-before').exists()).toBe(true)
+    expect(wrapper.find('.rs-input-group--combined-after').exists()).toBe(true)
+  })
+
+  it('renders addonAfter slot as a combined shell', () => {
+    const wrapper = mount(RsInput, {
+      props: { modelValue: '' },
+      slots: { addonAfter: () => h('span', { class: 'slot-addon' }, '选') },
+    })
+    expect(wrapper.find('.rs-input-addon--after .slot-addon').text()).toBe('选')
+    expect(wrapper.find('.rs-input-group--combined-after').exists()).toBe(true)
+  })
+
+  it('does not emit pressEnter while IME is composing', async () => {
+    const wrapper = mount(RsInput, { props: { modelValue: '' } })
+    const input = wrapper.find('input')
+    await input.trigger('compositionstart')
+    await input.trigger('keydown', { key: 'Enter' })
+    expect(wrapper.emitted('pressEnter')).toBeFalsy()
+    await input.trigger('compositionend')
+    await input.trigger('keydown', { key: 'Enter' })
+    expect(wrapper.emitted('pressEnter')).toHaveLength(1)
+  })
+
+  it('does not emit validate while IME is composing', async () => {
+    const wrapper = mount(RsInput, {
+      props: {
+        modelValue: '',
+        required: true,
+        validateTrigger: 'input',
+      },
+    })
+    const input = wrapper.find('input')
+    await input.trigger('blur')
+    await input.trigger('compositionstart')
+    const before = wrapper.emitted('validate')?.length ?? 0
+    await input.trigger('input')
+    await flushPromises()
+    expect(wrapper.emitted('validate')?.length ?? 0).toBe(before)
+    await input.trigger('compositionend')
+    await flushPromises()
+    expect((wrapper.emitted('validate')?.length ?? 0)).toBeGreaterThan(before)
+  })
 })

package/src/__tests__/RsInputNumber.spec.ts

@@ -108,6 +108,39 @@ describe('RsInputNumber', () => {
     expect(state.value).toBe(5)
   })
 
+  it('ignores wheel when changeOnWheel is off', async () => {
+    const { wrapper, state } = mountNumber({ modelValue: 5, step: 1 })
+    const input = wrapper.find('input')
+    await input.trigger('focus')
+    await input.trigger('wheel', { deltaY: -100 })
+    expect(state.value).toBe(5)
+  })
+
+  it('steps on wheel when changeOnWheel is on and focused', async () => {
+    const { wrapper, state } = mountNumber({
+      modelValue: 5,
+      step: 1,
+      changeOnWheel: true,
+    })
+    const input = wrapper.find('input')
+    await input.trigger('focus')
+    await input.trigger('wheel', { deltaY: -100 })
+    expect(state.value).toBe(6)
+    await input.trigger('wheel', { deltaY: 100 })
+    expect(state.value).toBe(5)
+  })
+
+  it('ignores wheel when changeOnWheel is on but not focused', async () => {
+    const { wrapper, state } = mountNumber({
+      modelValue: 5,
+      step: 1,
+      changeOnWheel: true,
+    })
+    const input = wrapper.find('input')
+    await input.trigger('wheel', { deltaY: -100 })
+    expect(state.value).toBe(5)
+  })
+
   it('clears to null on empty blur', async () => {
     const { wrapper, state } = mountNumber({ modelValue: 3 })
     const input = wrapper.find('input')

package/src/__tests__/RsMenu.spec.ts

@@ -1,42 +1,72 @@
 import { describe, expect, it } from 'vitest'
-import { mount } from '@vue/test-utils'
-import { h } from 'vue'
+import { flushPromises, mount } from '@vue/test-utils'
+import { h, nextTick } from 'vue'
 import RsMenu from '../components/RsMenu.vue'
 import RsConfigProvider from '../components/RsConfigProvider.vue'
-import type { RsMenuItemGroup } from '../components/menu-utils'
+import type { RsMenuItem, RsMenuItemGroup } from '../components/menu-utils'
 
 describe('RsMenu', () => {
-  const flatItems = [
-    { key: 'dashboard', label: '仪表盘', icon: 'layout-dashboard' as const },
-    { key: 'chat', label: '对话', icon: 'message-square' as const },
-    { key: 'settings', label: '设置', icon: 'settings' as const },
+  const flatItems: RsMenuItem[] = [
+    { key: 'dashboard', label: '仪表盘', icon: 'layout-dashboard' },
+    { key: 'chat', label: '对话', icon: 'message-square' },
+    { key: 'settings', label: '设置', icon: 'settings' },
   ]
 
   const groupedItems: RsMenuItemGroup[] = [
     {
       label: '工作区',
       children: [
-        { key: 'projects', label: '项目', icon: 'folder' as const },
-        { key: 'docs', label: '文档', icon: 'search' as const },
+        { key: 'projects', label: '项目', icon: 'folder' },
+        { key: 'docs', label: '文档', icon: 'search' },
       ],
     },
     {
       label: '系统',
-      children: [{ key: 'settings', label: '设置', icon: 'settings' as const }],
+      children: [{ key: 'settings', label: '设置', icon: 'settings' }],
     },
   ]
 
-  const nestedItems = [
+  const nestedItems: RsMenuItem[] = [
     {
       key: 'workspace',
       label: '工作区',
-      icon: 'folder' as const,
+      icon: 'folder',
       children: [
         { key: 'projects', label: '项目' },
         { key: 'archived', label: '归档', disabled: true },
       ],
     },
-    { key: 'settings', label: '设置', icon: 'settings' as const },
+    { key: 'settings', label: '设置', icon: 'settings' },
+  ]
+
+  const deepNestedItems: RsMenuItem[] = [
+    {
+      key: 'workspace',
+      label: '工作区',
+      children: [
+        {
+          key: 'team',
+          label: '团队',
+          children: [
+            { key: 'members', label: '成员' },
+            { key: 'permissions', label: '权限' },
+          ],
+        },
+      ],
+    },
+  ]
+
+  const groupedNestedItems: RsMenuItemGroup[] = [
+    {
+      label: '产品',
+      children: [
+        {
+          key: 'product-line',
+          label: '产品线',
+          children: [{ key: 'saas-billing', label: '计费' }],
+        },
+      ],
+    },
   ]
 
   it('renders nav with menu aria-label', () => {
@@ -60,6 +90,82 @@ describe('RsMenu', () => {
     expect(wrapper.find('nav.rs-menu').attributes('aria-label')).toBe('Navigation menu')
   })
 
+  it('applies vertical mode class by default', () => {
+    const wrapper = mount(RsMenu, {
+      props: { items: flatItems, modelValue: 'dashboard' },
+    })
+    expect(wrapper.classes()).toContain('rs-menu--vertical')
+  })
+
+  it('applies horizontal mode class', () => {
+    const wrapper = mount(RsMenu, {
+      props: { items: flatItems, modelValue: 'dashboard', mode: 'horizontal' },
+    })
+    expect(wrapper.classes()).toContain('rs-menu--horizontal')
+  })
+
+  it('marks active leaf with aria-current and active class', () => {
+    const wrapper = mount(RsMenu, {
+      props: { items: flatItems, modelValue: 'chat' },
+    })
+    const active = wrapper.find('.rs-menu__item--active')
+    expect(active.exists()).toBe(true)
+    expect(active.attributes('aria-current')).toBe('page')
+    expect(active.text()).toContain('对话')
+  })
+
+  it('does not highlight parent by default when nested leaf is active', () => {
+    const wrapper = mount(RsMenu, {
+      props: {
+        items: nestedItems,
+        modelValue: 'projects',
+        openKeys: ['workspace'],
+      },
+    })
+    const actives = wrapper.findAll('.rs-menu__item--active')
+    expect(actives).toHaveLength(1)
+    expect(actives[0]!.text()).toContain('项目')
+    expect(actives[0]!.attributes('aria-current')).toBe('page')
+  })
+
+  it('highlights ancestor submenu triggers when highlightParent is true', () => {
+    const wrapper = mount(RsMenu, {
+      props: {
+        items: nestedItems,
+        modelValue: 'projects',
+        openKeys: ['workspace'],
+        highlightParent: true,
+      },
+    })
+    const leaf = wrapper.findAll('.rs-menu__item--active').find((n) => n.text().includes('项目'))
+    expect(leaf).toBeDefined()
+    expect(leaf?.attributes('aria-current')).toBe('page')
+    const parent = wrapper
+      .findAll('.rs-menu__item--active-parent')
+      .find((n) => n.text().includes('工作区'))
+    expect(parent).toBeDefined()
+    expect(parent?.attributes('aria-current')).toBeUndefined()
+    expect(parent!.classes()).not.toContain('rs-menu__item--active')
+  })
+
+  it('highlights collapsed parent icon when highlightParent is true', () => {
+    const wrapper = mount(RsMenu, {
+      props: {
+        items: nestedItems,
+        modelValue: 'projects',
+        openKeys: [],
+        collapsed: true,
+        highlightParent: true,
+      },
+    })
+    const parent = wrapper
+      .findAll('.rs-menu__item--submenu-trigger')
+      .find((btn) => btn.attributes('aria-label') === '工作区')
+    expect(parent).toBeDefined()
+    expect(parent!.classes()).toContain('rs-menu__item--active-parent')
+    expect(parent!.classes()).not.toContain('rs-menu__item--active')
+  })
+
   it('emits select and updates model when item clicked', async () => {
     const wrapper = mount(RsMenu, {
       props: { items: flatItems, modelValue: 'dashboard' },
@@ -78,6 +184,10 @@ describe('RsMenu', () => {
       props: { items: groupedItems, modelValue: 'projects' },
     })
     expect(wrapper.find('.rs-menu__group-label').text()).toBe('工作区')
+    expect(wrapper.findAll('.rs-menu__group-label').map((n) => n.text())).toEqual([
+      '工作区',
+      '系统',
+    ])
   })
 
   it('auto-expands parent submenu for active nested item', () => {
@@ -91,6 +201,76 @@ describe('RsMenu', () => {
     expect(wrapper.emitted('update:openKeys')?.pop()?.[0]).toContain('workspace')
   })
 
+  it('auto-expands all ancestor keys for deeply nested active item', () => {
+    const wrapper = mount(RsMenu, {
+      props: {
+        items: deepNestedItems,
+        modelValue: 'permissions',
+        openKeys: [],
+      },
+    })
+    const keys = wrapper.emitted('update:openKeys')?.pop()?.[0] as string[]
+    expect(keys).toEqual(expect.arrayContaining(['workspace', 'team']))
+  })
+
+  it('auto-expands ancestors inside grouped nested items', () => {
+    const wrapper = mount(RsMenu, {
+      props: {
+        items: groupedNestedItems,
+        modelValue: 'saas-billing',
+        openKeys: [],
+      },
+    })
+    expect(wrapper.emitted('update:openKeys')?.pop()?.[0]).toContain('product-line')
+  })
+
+  it('toggles openKeys when submenu trigger is clicked', async () => {
+    const wrapper = mount(RsMenu, {
+      props: {
+        items: nestedItems,
+        modelValue: 'settings',
+        openKeys: [],
+      },
+    })
+    const trigger = wrapper.find('.rs-menu__item--submenu-trigger')
+    expect(trigger.exists()).toBe(true)
+    await trigger.trigger('click')
+    await nextTick()
+    expect(wrapper.emitted('update:openKeys')?.pop()?.[0]).toContain('workspace')
+  })
+
+  it('closes submenu when open trigger is clicked again', async () => {
+    const wrapper = mount(RsMenu, {
+      props: {
+        items: nestedItems,
+        modelValue: 'settings',
+        openKeys: ['workspace'],
+      },
+    })
+    const trigger = wrapper.find('.rs-menu__item--submenu-trigger')
+    await trigger.trigger('click')
+    await nextTick()
+    const keys = wrapper.emitted('update:openKeys')?.pop()?.[0] as string[]
+    expect(keys).not.toContain('workspace')
+  })
+
+  it('selects nested leaf under open submenu', async () => {
+    const wrapper = mount(RsMenu, {
+      props: {
+        items: nestedItems,
+        modelValue: 'settings',
+        openKeys: ['workspace'],
+      },
+    })
+    const projects = wrapper
+      .findAll('.rs-menu__item')
+      .find((btn) => btn.text().includes('项目'))
+    expect(projects).toBeDefined()
+    await projects!.trigger('click')
+    expect(wrapper.emitted('update:modelValue')?.pop()).toEqual(['projects'])
+    expect(wrapper.emitted('select')?.[0]).toEqual(['projects'])
+  })
+
   it('does not emit select for disabled item', async () => {
     const wrapper = mount(RsMenu, {
       props: {
@@ -105,7 +285,76 @@ describe('RsMenu', () => {
     expect(wrapper.emitted('select')).toBeUndefined()
   })
 
-  it('does not render nested submenu list when collapsed', () => {
+  it('renders nested submenu as popup list in horizontal mode', () => {
+    const wrapper = mount(RsMenu, {
+      props: {
+        items: nestedItems,
+        modelValue: 'projects',
+        openKeys: ['workspace'],
+        mode: 'horizontal',
+      },
+    })
+    expect(wrapper.classes()).toContain('rs-menu--horizontal')
+    expect(wrapper.find('.rs-menu__list--nested').exists()).toBe(true)
+    expect(wrapper.find('.rs-menu__entry--submenu').exists()).toBe(true)
+  })
+
+  it('applies collapsed class and hides labels', () => {
+    const wrapper = mount(RsMenu, {
+      props: {
+        items: flatItems,
+        modelValue: 'dashboard',
+        collapsed: true,
+      },
+    })
+    expect(wrapper.classes()).toContain('rs-menu--collapsed')
+    expect(wrapper.find('.rs-menu__label').exists()).toBe(false)
+  })
+
+  it('hides group labels when collapsed', () => {
+    const wrapper = mount(RsMenu, {
+      props: {
+        items: groupedItems,
+        modelValue: 'projects',
+        collapsed: true,
+      },
+    })
+    expect(wrapper.find('.rs-menu__group-label').exists()).toBe(false)
+  })
+
+  it('sets title and aria-label on items when collapsed', () => {
+    const wrapper = mount(RsMenu, {
+      props: {
+        items: flatItems,
+        modelValue: 'dashboard',
+        collapsed: true,
+      },
+    })
+    const settings = wrapper
+      .findAll('.rs-menu__item')
+      .find((btn) => btn.attributes('title') === '设置')
+    expect(settings).toBeDefined()
+    expect(settings!.attributes('aria-label')).toBe('设置')
+  })
+
+  it('still selects leaf items when collapsed', async () => {
+    const wrapper = mount(RsMenu, {
+      props: {
+        items: flatItems,
+        modelValue: 'dashboard',
+        collapsed: true,
+      },
+    })
+    const chat = wrapper
+      .findAll('.rs-menu__item')
+      .find((btn) => btn.attributes('title') === '对话')
+    expect(chat).toBeDefined()
+    await chat!.trigger('click')
+    expect(wrapper.emitted('update:modelValue')?.pop()).toEqual(['chat'])
+    expect(wrapper.emitted('select')?.[0]).toEqual(['chat'])
+  })
+
+  it('does not render inline nested submenu list when collapsed', () => {
     const wrapper = mount(RsMenu, {
       props: {
         items: nestedItems,
@@ -113,7 +362,150 @@ describe('RsMenu', () => {
         openKeys: ['workspace'],
         collapsed: true,
       },
+      attachTo: document.body,
     })
     expect(wrapper.find('.rs-menu__list--nested').exists()).toBe(false)
+    expect(wrapper.find('.rs-menu__item--submenu-trigger').exists()).toBe(true)
+    expect(document.body.querySelector('.rs-menu__flyout')).toBeNull()
+    wrapper.unmount()
+  })
+
+  it('shows flyout submenu on hover when collapsed vertically', async () => {
+    const wrapper = mount(RsMenu, {
+      props: {
+        items: nestedItems,
+        modelValue: 'settings',
+        openKeys: [],
+        collapsed: true,
+      },
+      attachTo: document.body,
+    })
+    const parent = wrapper
+      .findAll('.rs-menu__item')
+      .find((btn) => btn.attributes('aria-label') === '工作区')
+    expect(parent).toBeDefined()
+
+    await parent!.trigger('mouseenter')
+    await nextTick()
+    await flushPromises()
+
+    const flyout = document.body.querySelector('.rs-menu__flyout')
+    expect(flyout).not.toBeNull()
+    expect(flyout?.textContent).toContain('工作区')
+    expect(flyout?.textContent).toContain('项目')
+    expect(wrapper.emitted('update:openKeys')).toBeUndefined()
+    // 折叠态父级点击不选中父 key，仅用于打开浮层
+    await parent!.trigger('click')
+    await nextTick()
+    expect(wrapper.emitted('select')).toBeUndefined()
+    wrapper.unmount()
+  })
+
+  it('selects nested leaf from collapsed flyout', async () => {
+    const wrapper = mount(RsMenu, {
+      props: {
+        items: nestedItems,
+        modelValue: 'settings',
+        openKeys: [],
+        collapsed: true,
+      },
+      attachTo: document.body,
+    })
+    const parent = wrapper
+      .findAll('.rs-menu__item')
+      .find((btn) => btn.attributes('aria-label') === '工作区')
+    expect(parent).toBeDefined()
+    await parent!.trigger('mouseenter')
+    await nextTick()
+    await flushPromises()
+
+    const projects = Array.from(
+      document.body.querySelectorAll('.rs-menu__flyout .rs-menu__item'),
+    ).find((el) => el.textContent?.includes('项目')) as HTMLButtonElement | undefined
+    expect(projects).toBeDefined()
+    projects!.click()
+    await nextTick()
+    await flushPromises()
+
+    expect(wrapper.emitted('update:modelValue')?.pop()).toEqual(['projects'])
+    expect(wrapper.emitted('select')?.[0]).toEqual(['projects'])
+    expect(document.body.querySelector('.rs-menu__flyout')).toBeNull()
+    wrapper.unmount()
+  })
+
+  it('renders icons on collapsed triggers and flyout children', async () => {
+    const iconNestedItems: RsMenuItem[] = [
+      {
+        key: 'workspace',
+        label: '工作区',
+        icon: 'folder',
+        children: [
+          { key: 'projects', label: '项目', icon: 'box' },
+          { key: 'docs', label: '文档', icon: 'file-text' },
+        ],
+      },
+      { key: 'settings', label: '设置', icon: 'settings' },
+    ]
+    const wrapper = mount(RsMenu, {
+      props: {
+        items: iconNestedItems,
+        modelValue: 'settings',
+        openKeys: [],
+        collapsed: true,
+      },
+      attachTo: document.body,
+    })
+
+    const triggers = wrapper.findAll('.rs-menu__item')
+    expect(triggers.every((btn) => btn.find('.rs-menu__icon').exists())).toBe(true)
+
+    const parent = triggers.find((btn) => btn.attributes('aria-label') === '工作区')
+    expect(parent).toBeDefined()
+    await parent!.trigger('mouseenter')
+    await nextTick()
+    await flushPromises()
+
+    const flyout = document.body.querySelector('.rs-menu__flyout')
+    expect(flyout).not.toBeNull()
+    expect(flyout!.querySelectorAll('.rs-menu__icon').length).toBeGreaterThanOrEqual(2)
+    expect(flyout!.textContent).toContain('项目')
+    expect(flyout!.textContent).toContain('文档')
+    wrapper.unmount()
+  })
+
+  it('keeps horizontal submenu expandable even when collapsed prop is true', async () => {
+    const wrapper = mount(RsMenu, {
+      props: {
+        items: nestedItems,
+        modelValue: 'settings',
+        openKeys: [],
+        mode: 'horizontal',
+        collapsed: true,
+      },
+    })
+    // 水平模式忽略 collapsed：仍显示文案，不挂 rs-menu--collapsed
+    expect(wrapper.classes()).not.toContain('rs-menu--collapsed')
+    expect(wrapper.text()).toContain('工作区')
+    const trigger = wrapper.find('.rs-menu__item--submenu-trigger')
+    expect(trigger.exists()).toBe(true)
+    await trigger.trigger('click')
+    await nextTick()
+    expect(wrapper.emitted('update:openKeys')?.pop()?.[0]).toContain('workspace')
+    // 子菜单内容可见，而非空气泡
+    expect(wrapper.find('.rs-menu__list--nested').exists()).toBe(true)
+    expect(wrapper.text()).toContain('项目')
+  })
+
+  it('does not hide horizontal labels when collapsed is true', () => {
+    const wrapper = mount(RsMenu, {
+      props: {
+        items: nestedItems,
+        modelValue: 'settings',
+        mode: 'horizontal',
+        collapsed: true,
+      },
+    })
+    expect(wrapper.find('.rs-menu__label').exists()).toBe(true)
+    expect(wrapper.find('.rs-menu__submenu-arrow').exists()).toBe(true)
   })
 })