77 lines
2.7 KiB
JavaScript
77 lines
2.7 KiB
JavaScript
import { beforeEach, describe, expect, it, vi } from 'vitest'
|
|
import { shallowMount } from '@vue/test-utils'
|
|
import { createTestPinia, createTestRouter } from '../helpers/app'
|
|
import AppTopbar from '@/layouts/components/AppTopbar.vue'
|
|
import { useI18nStore } from '@/stores/i18n'
|
|
|
|
vi.mock('@/services/api', () => ({
|
|
loadDataApi: vi.fn().mockResolvedValue({ data: [] }),
|
|
}))
|
|
|
|
async function mountTopbar() {
|
|
const pinia = createTestPinia()
|
|
const router = createTestRouter('/dashboard')
|
|
await router.isReady()
|
|
const wrapper = shallowMount(AppTopbar, {
|
|
global: { plugins: [pinia, router] },
|
|
})
|
|
return { wrapper, i18n: useI18nStore() }
|
|
}
|
|
|
|
/** 顶栏语言下拉：组件库 Dropdown 被 shallow 打桩，桩名取文件名推断的 'dropdown' */
|
|
function languageDropdown(wrapper) {
|
|
return wrapper
|
|
.findAllComponents({ name: 'dropdown' })
|
|
.find((item) => Array.isArray(item.props('items')) && item.props('items').some((i) => i.shortcut))
|
|
}
|
|
|
|
beforeEach(() => {
|
|
localStorage.clear()
|
|
sessionStorage.clear()
|
|
})
|
|
|
|
describe('顶栏语言切换', () => {
|
|
it('语种来自 s_i18n_type 语言清单，当前语言带勾选标记', async () => {
|
|
const { wrapper, i18n } = await mountTopbar()
|
|
i18n.languages = [
|
|
{ b_id: 'zh-CN', b_name: '简体中文', b_canuse: 1, b_default: 1, b_xh: 10 },
|
|
{ b_id: 'en-US', b_name: 'English', b_canuse: 1, b_default: 0, b_xh: 20 },
|
|
]
|
|
i18n.setLocale('zh-CN')
|
|
await wrapper.vm.$nextTick()
|
|
|
|
const items = languageDropdown(wrapper).props('items')
|
|
expect(items.map((item) => item.key)).toEqual(['zh-CN', 'en-US'])
|
|
expect(items.map((item) => item.label)).toEqual(['简体中文', 'English'])
|
|
expect(items[0].shortcut).toBe('✓')
|
|
expect(items[1].shortcut).toBe('')
|
|
})
|
|
|
|
it('点击语种即切换（不再硬编码 zh-CN / en-US 互切）', async () => {
|
|
const { wrapper, i18n } = await mountTopbar()
|
|
i18n.languages = [
|
|
{ b_id: 'zh-CN', b_name: '简体中文', b_canuse: 1, b_default: 1, b_xh: 10 },
|
|
{ b_id: 'en-US', b_name: 'English', b_canuse: 1, b_default: 0, b_xh: 20 },
|
|
]
|
|
i18n.setLocale('zh-CN')
|
|
await wrapper.vm.$nextTick()
|
|
|
|
languageDropdown(wrapper).vm.$emit('click', { key: 'en-US' })
|
|
expect(i18n.locale).toBe('en-US')
|
|
|
|
// 重复点当前语种不产生变化（无副作用）
|
|
languageDropdown(wrapper).vm.$emit('click', { key: 'en-US' })
|
|
expect(i18n.locale).toBe('en-US')
|
|
})
|
|
|
|
it('语言清单未加载时退化成只显示当前语种', async () => {
|
|
const { wrapper, i18n } = await mountTopbar()
|
|
i18n.languages = []
|
|
i18n.setLocale('zh-CN')
|
|
await wrapper.vm.$nextTick()
|
|
|
|
const items = languageDropdown(wrapper).props('items')
|
|
expect(items).toEqual([{ key: 'zh-CN', label: 'zh-CN', shortcut: '✓' }])
|
|
})
|
|
})
|