Files
crawler-plugin/admin-frontend-vue/tests/task-5.test.ts
T
huangzd1997 4a0e464308 task-5(壳层/路由): 定义顶部栏用户信息与页面标题模型
新增 src/layout/topbar-model.ts(pageTitleOf 缺省回落 + topbarUserOf 空态视图模型),
AdminLayout 改用模型渲染标题/用户名/角色,删除模板内联缺省逻辑;8 用例覆盖标题
空值、用户缺字段、非法输入等。
2026-09-05 14:43:52 +08:00

77 lines
3.5 KiB
TypeScript

import test from 'node:test'
import assert from 'node:assert/strict'
import { readSource } from './helpers.ts'
import {
ADMIN_DEFAULT_TITLE,
pageTitleOf,
topbarUserOf,
} from '../src/layout/topbar-model.ts'
test('test_task_005_topbar_title_model_normal_primary_path', () => {
// 正常主路径:meta.title 直接驱动页面标题;用户信息映射到顶栏视图模型。
assert.equal(pageTitleOf('用户管理'), '用户管理')
const vm = topbarUserOf({ id: 1, username: 'admin', role: 'super_admin' })
assert.equal(vm.username, 'admin')
assert.equal(vm.role, 'super_admin')
assert.equal(vm.hasUser, true)
})
test('test_task_005_topbar_title_model_normal_variant_input', () => {
// 正常变体:另一种有效标题/角色不依赖单一样例。
assert.equal(pageTitleOf('菜单管理'), '菜单管理')
const normal = topbarUserOf({ id: 2, username: 'ops', role: 'admin' })
assert.equal(normal.username, 'ops')
assert.equal(normal.hasUser, true)
})
test('test_task_005_topbar_title_model_normal_repeated_operation_is_idempotent', () => {
// 正常重复:模型纯函数重复调用结果稳定。
assert.equal(pageTitleOf('数据权限分组'), pageTitleOf('数据权限分组'))
assert.deepEqual(topbarUserOf(null), topbarUserOf(null))
assert.deepEqual(topbarUserOf({ id: 1, username: 'u', role: '' }), topbarUserOf({ id: 1, username: 'u', role: '' }))
})
test('test_task_005_topbar_title_model_boundary_empty_input', () => {
// 边界空值:标题为空/空白回落到缺省;用户为 null/undefined 进入空态不崩溃。
assert.equal(pageTitleOf(undefined), ADMIN_DEFAULT_TITLE)
assert.equal(pageTitleOf(''), ADMIN_DEFAULT_TITLE)
assert.equal(pageTitleOf(' '), ADMIN_DEFAULT_TITLE)
const none = topbarUserOf(undefined)
assert.equal(none.username, '当前用户')
assert.equal(none.hasUser, false)
})
test('test_task_005_topbar_title_model_boundary_single_item', () => {
// 边界单元素:单页面标题、单用户映射各自产出唯一稳定结果。
assert.equal(pageTitleOf('首页'), '首页')
const single = topbarUserOf({ id: 9, username: 'root', role: 'admin' })
assert.equal(single.username, 'root')
assert.equal(single.role, 'admin')
})
test('test_task_005_topbar_title_model_boundary_limit_or_missing_field', () => {
// 边界上限/缺字段:缺 username/role 的用户仍可渲染且有明确空态。
const partial = topbarUserOf({ id: 3, username: '', role: '' })
assert.equal(partial.username, '当前用户')
assert.equal(partial.role, '')
assert.equal(partial.hasUser, true)
assert.ok(ADMIN_DEFAULT_TITLE.length > 0, '缺省标题不能为空')
})
test('test_task_005_topbar_title_model_invalid_input_rejected', () => {
// 异常输入:非字符串标题按空处理回落到缺省(不崩溃、不输出 undefined/null)。
const bad = pageTitleOf(null)
assert.notEqual(bad, 'undefined')
assert.notEqual(bad, 'null')
assert.equal(bad, ADMIN_DEFAULT_TITLE)
assert.equal(pageTitleOf(123 as unknown as string), ADMIN_DEFAULT_TITLE)
})
test('test_task_005_topbar_title_model_dependency_failure_returns_actionable_message', () => {
// 依赖失败:壳层实际使用该标题/用户模型,而非在模板里另写一份缺省逻辑。
const layout = readSource('src/layout/AdminLayout.vue')
assert.match(layout, /pageTitleOf/)
assert.match(layout, /topbarUserOf/)
assert.equal(/route\.meta\.title\s*\|\|\s*'管理后台'/.test(layout), false, '标题缺省必须走 pageTitleOf')
})