niuma-ui 1.1.12 → 1.2.0

package/src/__tests__/RsSidebar.spec.ts

@@ -1,119 +0,0 @@
-import { describe, expect, it } from 'vitest'
-import { mount } from '@vue/test-utils'
-import { h } from 'vue'
-import RsSidebar from '../components/RsSidebar.vue'
-import RsSidebarGroup from '../components/RsSidebarGroup.vue'
-import RsSidebarItem from '../components/RsSidebarItem.vue'
-
-describe('RsSidebar', () => {
-  it('renders aside with title and subtitle', () => {
-    const wrapper = mount(RsSidebar, {
-      props: { title: '弱水', subtitle: 'Studio' },
-    })
-    expect(wrapper.element.tagName).toBe('ASIDE')
-    expect(wrapper.find('.rs-sidebar__title').text()).toBe('弱水')
-    expect(wrapper.find('.rs-sidebar__subtitle').text()).toBe('Studio')
-  })
-
-  it.each(['sm', 'md', 'lg'] as const)('applies %s width class', (width) => {
-    const wrapper = mount(RsSidebar, { props: { width } })
-    expect(wrapper.classes()).toContain(`rs-sidebar--${width}`)
-  })
-
-  it('toggles collapsed via collapse button', async () => {
-    const wrapper = mount(RsSidebar, {
-      props: { title: '弱水', collapsible: true, collapsed: false },
-    })
-    expect(wrapper.classes()).not.toContain('rs-sidebar--collapsed')
-    await wrapper.find('.rs-sidebar__collapse').trigger('click')
-    expect(wrapper.emitted('update:collapsed')?.pop()).toEqual([true])
-  })
-
-  it('hides subtitle when collapsed', () => {
-    const wrapper = mount(RsSidebar, {
-      props: { title: '弱水', subtitle: 'Studio', collapsed: true },
-    })
-    expect(wrapper.classes()).toContain('rs-sidebar--collapsed')
-    expect(wrapper.find('.rs-sidebar__subtitle').exists()).toBe(false)
-  })
-
-  it('renders custom header slot', () => {
-    const wrapper = mount(RsSidebar, {
-      slots: { header: '<div class="custom-header">自定义顶栏</div>' },
-    })
-    expect(wrapper.find('.custom-header').text()).toBe('自定义顶栏')
-    expect(wrapper.find('.rs-sidebar__title').exists()).toBe(false)
-  })
-
-  it('renders footer slot with collapsed scope', () => {
-    const wrapper = mount(RsSidebar, {
-      props: { collapsed: true },
-      slots: {
-        footer: ({ collapsed }: { collapsed: boolean }) =>
-          h('div', { class: 'footer-state' }, collapsed ? 'folded' : 'open'),
-      },
-    })
-    expect(wrapper.find('.footer-state').text()).toBe('folded')
-  })
-
-  it('passes collapsed to default slot scope', () => {
-    const wrapper = mount(RsSidebar, {
-      props: { collapsed: true },
-      slots: {
-        default: ({ collapsed }: { collapsed: boolean }) =>
-          h('div', { class: 'body-state' }, collapsed ? 'yes' : 'no'),
-      },
-    })
-    expect(wrapper.find('.body-state').text()).toBe('yes')
-  })
-})
-
-describe('RsSidebarGroup', () => {
-  it('renders group title', () => {
-    const wrapper = mount(RsSidebarGroup, {
-      props: { title: '导航' },
-      slots: { default: '<button class="item">项</button>' },
-    })
-    expect(wrapper.find('.rs-sidebar-group__title').text()).toBe('导航')
-  })
-
-  it('hides group title when collapsed', () => {
-    const wrapper = mount(RsSidebarGroup, {
-      props: { title: '导航', collapsed: true },
-    })
-    expect(wrapper.find('.rs-sidebar-group__title').exists()).toBe(false)
-  })
-})
-
-describe('RsSidebarItem', () => {
-  it('renders label and icon', () => {
-    const wrapper = mount(RsSidebarItem, {
-      props: { label: '仪表盘', icon: 'layout-dashboard' },
-    })
-    expect(wrapper.find('.rs-sidebar-item__label').text()).toBe('仪表盘')
-    expect(wrapper.find('.rs-sidebar-item__icon').exists()).toBe(true)
-  })
-
-  it('applies active class', () => {
-    const wrapper = mount(RsSidebarItem, {
-      props: { label: '仪表盘', active: true },
-    })
-    expect(wrapper.classes()).toContain('rs-sidebar-item--active')
-  })
-
-  it('disables interaction when disabled', () => {
-    const wrapper = mount(RsSidebarItem, {
-      props: { label: '不可用', disabled: true },
-    })
-    expect(wrapper.find('button').attributes('disabled')).toBeDefined()
-  })
-
-  it('hides label and sets title when collapsed', () => {
-    const wrapper = mount(RsSidebarItem, {
-      props: { label: '设置', collapsed: true },
-    })
-    expect(wrapper.find('.rs-sidebar-item__label').exists()).toBe(false)
-    expect(wrapper.attributes('title')).toBe('设置')
-    expect(wrapper.classes()).toContain('rs-sidebar-item--collapsed')
-  })
-})

package/src/__tests__/RsSplitPane.spec.ts

@@ -1,177 +0,0 @@
-import { describe, expect, it } from 'vitest'
-import { h } from 'vue'
-import { mount } from '@vue/test-utils'
-import RsSplitPane from '../components/RsSplitPane.vue'
-import type { RsSplitPaneItem } from '../components/split-pane-utils'
-
-const twoPanes: RsSplitPaneItem[] = [{ key: 'a' }, { key: 'b' }]
-
-function mountSplit(props: Record<string, unknown> = {}) {
-  return mount(RsSplitPane, {
-    props: { panes: twoPanes, ...props },
-    slots: {
-      a: '<div class="pane-a">A</div>',
-      b: '<div class="pane-b">B</div>',
-    },
-  })
-}
-
-describe('RsSplitPane', () => {
-  it('renders one pane per item plus n-1 resizers', () => {
-    const wrapper = mountSplit()
-    expect(wrapper.findAll('.rs-split__pane')).toHaveLength(2)
-    expect(wrapper.findAll('.rs-split__resizer')).toHaveLength(1)
-    expect(wrapper.find('.pane-a').text()).toBe('A')
-    expect(wrapper.find('.pane-b').text()).toBe('B')
-  })
-
-  it('defaults to an equal split and reflects it on the separator', () => {
-    const wrapper = mountSplit()
-    const resizer = wrapper.find('.rs-split__resizer')
-    expect(resizer.element.tagName).toBe('HR')
-    expect(resizer.attributes('aria-valuenow')).toBe('50')
-    expect(resizer.attributes('aria-orientation')).toBe('vertical')
-  })
-
-  it('applies the orientation modifier class', () => {
-    expect(mountSplit().classes()).toContain('rs-split--horizontal')
-    expect(mountSplit({ orientation: 'vertical' }).classes()).toContain('rs-split--vertical')
-  })
-
-  it('resizes with the keyboard along the active axis', async () => {
-    const wrapper = mountSplit({ keyboardStep: 4 })
-    await wrapper.find('.rs-split__resizer').trigger('keydown', { key: 'ArrowRight' })
-    expect(wrapper.emitted('update:sizes')?.pop()).toEqual([[54, 46]])
-    expect(wrapper.emitted('resize-end')).toBeTruthy()
-  })
-
-  it('ignores cross-axis arrow keys', async () => {
-    const wrapper = mountSplit({ orientation: 'horizontal' })
-    await wrapper.find('.rs-split__resizer').trigger('keydown', { key: 'ArrowDown' })
-    expect(wrapper.emitted('update:sizes')).toBeFalsy()
-  })
-
-  it('jumps to bounds with Home / End', async () => {
-    const wrapper = mountSplit()
-    await wrapper.find('.rs-split__resizer').trigger('keydown', { key: 'End' })
-    expect(wrapper.emitted('update:sizes')?.pop()).toEqual([[100, 0]])
-    await wrapper.find('.rs-split__resizer').trigger('keydown', { key: 'Home' })
-    expect(wrapper.emitted('update:sizes')?.pop()).toEqual([[0, 100]])
-  })
-
-  it('does not resize when disabled and removes the separator from tab order', async () => {
-    const wrapper = mountSplit({ disabled: true })
-    const resizer = wrapper.find('.rs-split__resizer')
-    expect(resizer.attributes('tabindex')).toBe('-1')
-    expect(wrapper.classes()).toContain('rs-split--disabled')
-    await resizer.trigger('keydown', { key: 'ArrowRight' })
-    expect(wrapper.emitted('update:sizes')).toBeFalsy()
-  })
-
-  it('renders the grip only when withHandle is set', () => {
-    expect(mountSplit().find('.rs-split__grip').exists()).toBe(false)
-    expect(mountSplit({ withHandle: true }).find('.rs-split__grip').exists()).toBe(true)
-  })
-
-  it('honours controlled v-model sizes', () => {
-    const wrapper = mountSplit({ sizes: [70, 30] })
-    expect(wrapper.find('.rs-split__resizer').attributes('aria-valuenow')).toBe('70')
-  })
-
-  it('reacts to external size updates', async () => {
-    const wrapper = mountSplit({ sizes: [50, 50] })
-    await wrapper.setProps({ sizes: [20, 80] })
-    expect(wrapper.find('.rs-split__resizer').attributes('aria-valuenow')).toBe('20')
-  })
-
-  it('exposes collapse / expand / reset controls', async () => {
-    const wrapper = mount(RsSplitPane, {
-      props: {
-        panes: [
-          { key: 'a', size: 40, min: 20, collapsible: true, collapsedSize: 0 },
-          { key: 'b', size: 60 },
-        ] satisfies RsSplitPaneItem[],
-      },
-      slots: { a: 'A', b: 'B' },
-    })
-    const vm = wrapper.vm as unknown as {
-      collapse: (key: string) => void
-      expand: (key: string, size?: number) => void
-      reset: () => void
-      getSizes: () => number[]
-    }
-
-    vm.collapse('a')
-    await wrapper.vm.$nextTick()
-    expect(vm.getSizes()).toEqual([0, 100])
-    expect(wrapper.emitted('collapse')?.pop()).toEqual(['a'])
-
-    vm.expand('a', 30)
-    await wrapper.vm.$nextTick()
-    expect(vm.getSizes()).toEqual([30, 70])
-    expect(wrapper.emitted('expand')?.pop()).toEqual(['a'])
-
-    vm.collapse('a')
-    await wrapper.vm.$nextTick()
-    vm.expand('a')
-    await wrapper.vm.$nextTick()
-    // 未传 toSize 时应还原折叠前宽度，而不是落到 min
-    expect(vm.getSizes()).toEqual([30, 70])
-
-    vm.reset()
-    await wrapper.vm.$nextTick()
-    expect(vm.getSizes()).toEqual([40, 60])
-  })
-
-  it('toggles collapse via keyboard on the separator', async () => {
-    const wrapper = mount(RsSplitPane, {
-      props: {
-        panes: [
-          { key: 'a', size: 40, min: 20, collapsible: true, collapsedSize: 0 },
-          { key: 'b', size: 60 },
-        ] satisfies RsSplitPaneItem[],
-      },
-      slots: { a: 'A', b: 'B' },
-    })
-    await wrapper.find('.rs-split__resizer').trigger('keydown', { key: 'Enter' })
-    expect(wrapper.emitted('collapse')?.pop()).toEqual(['a'])
-    await wrapper.find('.rs-split__resizer').trigger('keydown', { key: 'Enter' })
-    expect(wrapper.emitted('expand')?.pop()).toEqual(['a'])
-  })
-
-  it('does not mutate nested split panes when resizing the outer separator', async () => {
-    const outer = mount(RsSplitPane, {
-      props: {
-        orientation: 'vertical',
-        panes: [{ key: 'top', size: 70 }, { key: 'bottom', size: 30 }],
-        sizes: [70, 30],
-        keyboardStep: 10,
-      },
-      slots: {
-        top: () =>
-          h(
-            RsSplitPane,
-            {
-              panes: [{ key: 'left' }, { key: 'right' }],
-              sizes: [40, 60],
-            },
-            {
-              left: () => h('div', { class: 'inner-left' }, 'L'),
-              right: () => h('div', { class: 'inner-right' }, 'R'),
-            },
-          ),
-        bottom: () => h('div', { class: 'bottom-pane' }, 'B'),
-      },
-    })
-
-    const resizers = outer.findAll('.rs-split__resizer')
-    expect(resizers).toHaveLength(2)
-    expect(resizers[0]!.attributes('aria-valuenow')).toBe('40')
-    expect(resizers[1]!.attributes('aria-valuenow')).toBe('70')
-
-    await resizers[1]!.trigger('keydown', { key: 'ArrowDown' })
-
-    expect(resizers[0]!.attributes('aria-valuenow')).toBe('40')
-    expect(outer.emitted('update:sizes')?.pop()).toEqual([[80, 20]])
-  })
-})

package/src/__tests__/RsStatCard.spec.ts

@@ -1,79 +0,0 @@
-import { describe, expect, it } from 'vitest'
-import { mount } from '@vue/test-utils'
-import RsStatCard from '../components/RsStatCard.vue'
-
-const accents = ['primary', 'success', 'warning', 'danger', 'info'] as const
-
-describe('RsStatCard', () => {
-  it('renders label and value', () => {
-    const wrapper = mount(RsStatCard, {
-      props: { label: '今日调用', value: 12480 },
-    })
-    expect(wrapper.find('.rs-stat-card__label').text()).toBe('今日调用')
-    expect(wrapper.find('.rs-stat-card__value').text()).toBe('12480')
-  })
-
-  it('renders as section with base class', () => {
-    const wrapper = mount(RsStatCard, {
-      props: { label: '指标', value: 1 },
-    })
-    expect(wrapper.element.tagName).toBe('SECTION')
-    expect(wrapper.classes()).toContain('rs-stat-card')
-  })
-
-  it('uses primary accent by default', () => {
-    const wrapper = mount(RsStatCard, {
-      props: { label: '指标', value: 1 },
-    })
-    expect(wrapper.classes()).toContain('rs-stat-card--primary')
-  })
-
-  it.each(accents)('applies %s accent class', (accent) => {
-    const wrapper = mount(RsStatCard, {
-      props: { label: '指标', value: 1, accent },
-    })
-    expect(wrapper.classes()).toContain(`rs-stat-card--${accent}`)
-  })
-
-  it('renders description when provided', () => {
-    const wrapper = mount(RsStatCard, {
-      props: {
-        label: '错误率',
-        value: '0.12%',
-        description: '过去 24 小时',
-      },
-    })
-    expect(wrapper.find('.rs-stat-card__description').text()).toBe('过去 24 小时')
-  })
-
-  it('omits description when not provided', () => {
-    const wrapper = mount(RsStatCard, {
-      props: { label: '指标', value: 1 },
-    })
-    expect(wrapper.find('.rs-stat-card__description').exists()).toBe(false)
-  })
-
-  it('shows skeleton instead of value when loading', () => {
-    const wrapper = mount(RsStatCard, {
-      props: { label: '活跃用户', value: 3842, loading: true },
-    })
-    expect(wrapper.find('.rs-stat-card__skeleton').exists()).toBe(true)
-    expect(wrapper.find('.rs-stat-card__value').exists()).toBe(false)
-  })
-
-  it('renders value slot', () => {
-    const wrapper = mount(RsStatCard, {
-      props: { label: '营收' },
-      slots: { value: '<span class="custom-value">¥ 128万</span>' },
-    })
-    expect(wrapper.find('.custom-value').text()).toBe('¥ 128万')
-  })
-
-  it('renders default slot for extra content', () => {
-    const wrapper = mount(RsStatCard, {
-      props: { label: '存储', value: '68%' },
-      slots: { default: '<div class="extra">进度条</div>' },
-    })
-    expect(wrapper.find('.extra').text()).toBe('进度条')
-  })
-})

package/src/__tests__/RsSteps.spec.ts

@@ -1,125 +0,0 @@
-import { describe, expect, it } from 'vitest'
-import { mount } from '@vue/test-utils'
-import RsSteps from '../components/RsSteps.vue'
-import { isStepSeparatorCompleted, resolveStepStatus } from '../components/steps-utils'
-
-const items = [
-  { value: 'a', title: '步骤 A', description: '描述 A' },
-  { value: 'b', title: '步骤 B' },
-  { value: 'c', title: '步骤 C' },
-]
-
-describe('steps-utils', () => {
-  it('resolveStepStatus derives finish/process/wait from active index', () => {
-    expect(resolveStepStatus(0, 1)).toBe('finish')
-    expect(resolveStepStatus(1, 1)).toBe('process')
-    expect(resolveStepStatus(2, 1)).toBe('wait')
-  })
-
-  it('resolveStepStatus prefers explicit status', () => {
-    expect(resolveStepStatus(1, 0, 'error')).toBe('error')
-  })
-
-  it('isStepSeparatorCompleted is true only for finish', () => {
-    expect(isStepSeparatorCompleted('finish')).toBe(true)
-    expect(isStepSeparatorCompleted('process')).toBe(false)
-  })
-})
-
-describe('RsSteps', () => {
-  it('renders all step titles and descriptions', () => {
-    const wrapper = mount(RsSteps, {
-      props: { items, modelValue: 'b' },
-    })
-    expect(wrapper.text()).toContain('步骤 A')
-    expect(wrapper.text()).toContain('描述 A')
-    expect(wrapper.text()).toContain('步骤 B')
-    expect(wrapper.text()).toContain('步骤 C')
-  })
-
-  it('applies auto-derived status classes', () => {
-    const wrapper = mount(RsSteps, {
-      props: { items, modelValue: 'b' },
-    })
-    const stepItems = wrapper.findAll('.rs-steps__item')
-    expect(stepItems[0]?.classes()).toContain('rs-steps__item--finish')
-    expect(stepItems[1]?.classes()).toContain('rs-steps__item--process')
-    expect(stepItems[2]?.classes()).toContain('rs-steps__item--wait')
-  })
-
-  it('applies explicit status when provided', () => {
-    const wrapper = mount(RsSteps, {
-      props: {
-        items: [
-          { value: 'a', title: 'A', status: 'finish' as const },
-          { value: 'b', title: 'B', status: 'error' as const },
-        ],
-        modelValue: 'a',
-      },
-    })
-    const stepItems = wrapper.findAll('.rs-steps__item')
-    expect(stepItems[1]?.classes()).toContain('rs-steps__item--error')
-  })
-
-  it('renders horizontal layout and md size by default', () => {
-    const wrapper = mount(RsSteps, {
-      props: { items, modelValue: 'a' },
-    })
-    expect(wrapper.find('.rs-steps').classes()).toContain('rs-steps--horizontal')
-    expect(wrapper.find('.rs-steps').classes()).toContain('rs-steps--md')
-  })
-
-  it('renders vertical and sm modifiers', () => {
-    const wrapper = mount(RsSteps, {
-      props: { items, modelValue: 'a', orientation: 'vertical', size: 'sm' },
-    })
-    expect(wrapper.find('.rs-steps').classes()).toContain('rs-steps--vertical')
-    expect(wrapper.find('.rs-steps').classes()).toContain('rs-steps--sm')
-  })
-
-  it('renders separators between items but not after the last', () => {
-    const wrapper = mount(RsSteps, {
-      props: { items, modelValue: 'a' },
-    })
-    expect(wrapper.findAll('.rs-steps__separator')).toHaveLength(items.length - 1)
-  })
-
-  it('disables triggers when not clickable', () => {
-    const wrapper = mount(RsSteps, {
-      props: { items, modelValue: 'a' },
-    })
-    wrapper.findAll('.rs-steps__trigger').forEach((trigger) => {
-      expect((trigger.element as HTMLButtonElement).disabled).toBe(true)
-    })
-  })
-
-  it('updates model when a clickable step is selected', async () => {
-    const wrapper = mount(RsSteps, {
-      props: { items, modelValue: 'a', clickable: true },
-    })
-    await wrapper.findAll('.rs-steps__trigger')[1]?.trigger('click')
-    expect(wrapper.emitted('update:modelValue')?.[0]).toEqual(['b'])
-  })
-
-  it('does not update model when disabled step is clicked', async () => {
-    const wrapper = mount(RsSteps, {
-      props: {
-        items: [
-          { value: 'a', title: 'A' },
-          { value: 'b', title: 'B', disabled: true },
-        ],
-        modelValue: 'a',
-        clickable: true,
-      },
-    })
-    await wrapper.findAll('.rs-steps__trigger')[1]?.trigger('click')
-    expect(wrapper.emitted('update:modelValue')).toBeUndefined()
-  })
-
-  it('falls back to first step when model value is unknown', () => {
-    const wrapper = mount(RsSteps, {
-      props: { items, modelValue: 'missing' },
-    })
-    expect(wrapper.findAll('.rs-steps__item')[0]?.classes()).toContain('rs-steps__item--process')
-  })
-})

package/src/__tests__/RsSwitch.spec.ts

@@ -1,74 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { describe, expect, it } from 'vitest'
-import { defineComponent, nextTick } from 'vue'
-import RsSwitch from '../components/RsSwitch.vue'
-
-describe('RsSwitch', () => {
-  it('toggles v-model on click', async () => {
-    const Host = defineComponent({
-      components: { RsSwitch },
-      data: () => ({ on: false }),
-      template: '<RsSwitch v-model="on" />',
-    })
-    const wrapper = mount(Host)
-
-    await wrapper.find('.rs-switch__root').trigger('click')
-    await nextTick()
-    expect(wrapper.find('.rs-switch--checked').exists()).toBe(true)
-    expect((wrapper.vm as { on: boolean }).on).toBe(true)
-
-    await wrapper.find('.rs-switch__root').trigger('click')
-    await nextTick()
-    expect(wrapper.find('.rs-switch--checked').exists()).toBe(false)
-    expect((wrapper.vm as { on: boolean }).on).toBe(false)
-  })
-
-  it('emits change when toggled', async () => {
-    const wrapper = mount(RsSwitch, {
-      props: { modelValue: false },
-    })
-
-    await wrapper.find('.rs-switch__root').trigger('click')
-    expect(wrapper.emitted('change')?.[0]).toEqual([true])
-    expect(wrapper.emitted('update:modelValue')?.[0]).toEqual([true])
-  })
-
-  it('does not toggle when disabled', async () => {
-    const wrapper = mount(RsSwitch, {
-      props: { modelValue: false, disabled: true },
-    })
-
-    await wrapper.find('.rs-switch__root').trigger('click')
-    expect(wrapper.emitted('update:modelValue')).toBeUndefined()
-  })
-
-  it('writes custom checkedValue / uncheckedValue to v-model', async () => {
-    const Host = defineComponent({
-      components: { RsSwitch },
-      data: () => ({ flag: 'N' }),
-      template: '<RsSwitch v-model="flag" checked-value="Y" unchecked-value="N" />',
-    })
-    const wrapper = mount(Host)
-
-    expect(wrapper.find('.rs-switch--checked').exists()).toBe(false)
-    await wrapper.find('.rs-switch__root').trigger('click')
-    await nextTick()
-    expect((wrapper.vm as { flag: string }).flag).toBe('Y')
-    expect(wrapper.find('.rs-switch--checked').exists()).toBe(true)
-
-    await wrapper.find('.rs-switch__root').trigger('click')
-    await nextTick()
-    expect((wrapper.vm as { flag: string }).flag).toBe('N')
-    expect(wrapper.find('.rs-switch--checked').exists()).toBe(false)
-  })
-
-  it('treats numeric 1 / 0 as checked and unchecked', async () => {
-    const wrapper = mount(RsSwitch, {
-      props: { modelValue: 0, checkedValue: 1, uncheckedValue: 0 },
-    })
-    expect(wrapper.find('.rs-switch--checked').exists()).toBe(false)
-    await wrapper.find('.rs-switch__root').trigger('click')
-    expect(wrapper.emitted('update:modelValue')?.[0]).toEqual([1])
-    expect(wrapper.emitted('change')?.[0]).toEqual([1])
-  })
-})

package/src/__tests__/RsTable.a11y.spec.ts

@@ -1,83 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { nextTick } from 'vue'
-import { describe, expect, it } from 'vitest'
-import RsTable from '../components/RsTable.vue'
-
-describe('RsTable a11y baseline', () => {
-  it('壳层 region + table grid 语义与行列计数', () => {
-    const wrapper = mount(RsTable, {
-      props: {
-        columns: [
-          { key: 'name', title: 'Name' },
-          { key: 'age', title: 'Age' },
-        ],
-        data: [
-          { id: '1', name: 'a', age: 1 },
-          { id: '2', name: 'b', age: 2 },
-        ],
-        rowKey: 'id',
-        ariaLabel: '用户列表',
-      },
-    })
-    const shell = wrapper.find('.rs-table-shell')
-    expect(shell.attributes('role')).toBe('region')
-    expect(shell.attributes('aria-label')).toBe('用户列表')
-    expect(shell.attributes('tabindex')).toBeUndefined()
-
-    const table = wrapper.find('table.rs-table__table')
-    expect(table.attributes('role')).toBe('grid')
-    expect(table.attributes('tabindex')).toBe('0')
-    expect(table.attributes('aria-label')).toBe('用户列表')
-    expect(table.attributes('aria-rowcount')).toBe('2')
-    expect(table.attributes('aria-colcount')).toBe('2')
-    expect(wrapper.find('tr.rs-table__row').attributes('role')).toBe('row')
-    expect(wrapper.find('td.rs-table__td--data').attributes('role')).toBe('gridcell')
-    wrapper.unmount()
-  })
-
-  it('loading 时 aria-busy', () => {
-    const wrapper = mount(RsTable, {
-      props: {
-        columns: [{ key: 'name', title: 'Name' }],
-        data: [],
-        loading: true,
-      },
-    })
-    expect(wrapper.find('.rs-table-shell').attributes('aria-busy')).toBe('true')
-    wrapper.unmount()
-  })
-
-  it('只读表方向键漫游 focus 格', async () => {
-    const wrapper = mount(RsTable, {
-      props: {
-        columns: [
-          { key: 'name', title: 'Name' },
-          { key: 'age', title: 'Age' },
-        ],
-        data: [
-          { id: '1', name: 'a', age: 1 },
-          { id: '2', name: 'b', age: 2 },
-        ],
-        rowKey: 'id',
-        ariaLabel: '键盘表',
-      },
-      attachTo: document.body,
-    })
-    const table = wrapper.find('table.rs-table__table')
-    await table.trigger('keydown', { key: 'ArrowDown' })
-    await nextTick()
-    expect(wrapper.find('.rs-table__td--focused').exists()).toBe(true)
-    expect(wrapper.find('.rs-table__td--focused').attributes('data-col-key')).toBe('name')
-
-    await table.trigger('keydown', { key: 'ArrowRight' })
-    await nextTick()
-    expect(wrapper.find('.rs-table__td--focused').attributes('data-col-key')).toBe('age')
-
-    await table.trigger('keydown', { key: 'ArrowDown' })
-    await nextTick()
-    const focusedRow = wrapper.find('.rs-table__td--focused').element.closest('tr')
-    expect(focusedRow?.getAttribute('data-row-key')).toBe('2')
-
-    wrapper.unmount()
-  })
-})