20260904232445

code/fms/fms-vue/tests/unit/router-nested-groups.spec.js

@@ -0,0 +1,45 @@
+import { describe, expect, it } from 'vitest'
+import { createMemoryHistory, createRouter } from 'vue-router'
+import { menuRouteOptions, routes } from '@/router/routes'
+
+/**
+ * 路由分组（/module）的契约测试。
+ * 分组节点必须保持「无 component」：一旦给它配容器组件（内部再放 router-view），
+ * 页面会下沉一层、脱离 DefaultLayout 的 keep-alive，缓存静默失效。
+ */
+function createTestRouter() {
+  return createRouter({ history: createMemoryHistory(), routes })
+}
+
+describe('路由分组（嵌套结构）', () => {
+  it('分组内子路由解析出完整路径，分组节点不带可渲染组件', async () => {
+    const router = createTestRouter()
+    await router.push('/module/i18n-type')
+    const matched = router.currentRoute.value.matched
+
+    expect(matched.map((record) => record.path)).toEqual(['/', '/module', '/module/i18n-type'])
+    // 分组节点无 components：RouterView 会跳过它，子页仍渲染在 DefaultLayout 的 router-view 上
+    expect(matched[1].components).toBeFalsy()
+    // meta 由父到子合并，子记录的 componentName 决定 keep-alive 的 include 名
+    expect(router.currentRoute.value.meta.componentName).toBe('I18nTypeManagement')
+  })
+
+  it('访问分组路径本身会重定向到首个子页（不会白屏）', async () => {
+    const router = createTestRouter()
+    await router.push('/module')
+    expect(router.currentRoute.value.path).toBe('/module/module-management')
+  })
+
+  it('菜单路由选项：含分组内子路由的完整路径，排除分组节点与动态/通配路由', () => {
+    const values = menuRouteOptions.map((option) => option.value)
+
+    expect(values).toContain('/module/module-management')
+    expect(values).toContain('/module/menu-management')
+    expect(values).toContain('/module/i18n-type')
+    expect(values).toContain('/dashboard')
+    // 分组节点本身、详情页（:id）、404 通配、登录页都不是菜单入口
+    expect(values).not.toContain('/module')
+    expect(values).not.toContain('/detail/:id')
+    expect(values).not.toContain('/login')
+  })
+})