45 lines
2.8 KiB
TypeScript
45 lines
2.8 KiB
TypeScript
import test from 'node:test'
|
|
import assert from 'node:assert/strict'
|
|
import { readSource } from './helpers.ts'
|
|
import { isCategoryPlaceholderNode, toProductCategoryNode, makeCategoryPlaceholderNode } from '../src/pages/asin/product-category-model.ts'
|
|
|
|
// 验收反馈：类目树太紧凑、没有折叠展开、父子级效果对齐旧版（旧版为缩进树形表格带 +/- 展开）。
|
|
// 不变式：childCount>0 的未加载节点带占位子级(children 非空)，el-tree 因此显示展开箭头；
|
|
// 节点间距加大(:indent 28 + node-row padding)，父子级视觉与旧版缩进树一致。
|
|
|
|
test('align_category_tree_normal_primary_path', () => {
|
|
// 有子级但未返回 children 数据时，解析为带占位子级的节点（el-tree 显示展开箭头）。
|
|
const node = toProductCategoryNode({ id: 5, name: '父类目', child_count: 3, path: '父类目' })
|
|
assert.ok(node && node.children.length > 0, 'childCount>0 节点需带占位子级以显示展开箭头')
|
|
assert.ok(node && node.children.every((child) => isCategoryPlaceholderNode(child)), '占位子级可识别')
|
|
})
|
|
|
|
test('align_category_tree_normal_variant_input', () => {
|
|
// 占位节点 id 与真实节点不冲突(负数域)，且不可被误认为真实类目。
|
|
const placeholder = makeCategoryPlaceholderNode(5)
|
|
assert.ok(placeholder.id < 0, '占位节点 id 用负数域避免与真实 id 冲突')
|
|
assert.ok(isCategoryPlaceholderNode(placeholder))
|
|
assert.equal(isCategoryPlaceholderNode({ id: 1, parentId: null, name: '真实', categoryKey: '', sortOrder: 0, description: '', isBuiltin: false, childCount: 0, level: 0, path: '', children: [] }), false)
|
|
})
|
|
|
|
test('align_category_tree_boundary_empty_input', () => {
|
|
// 无子级节点保持叶子形态（children 空）。
|
|
const leaf = toProductCategoryNode({ id: 9, name: '叶子', child_count: 0, path: '叶子' })
|
|
assert.ok(leaf && leaf.children.length === 0, '叶子节点无占位子级')
|
|
})
|
|
|
|
test('align_category_tree_boundary_single_item', () => {
|
|
const page = readSource('src/pages/asin/ProductCategoryPage.vue')
|
|
assert.match(page, /:indent="28"/, '树缩进加大(28px/级)')
|
|
assert.match(page, /isCategoryPlaceholderNode/, '模板渲染占位节点分支')
|
|
// 展开加载需识别"只有占位子级"的节点（children 全占位也触发懒加载）。
|
|
assert.match(page, /some\(.*isCategoryPlaceholderNode/, '展开判断兼容占位子级')
|
|
})
|
|
|
|
test('align_category_tree_dependency_failure_returns_actionable_message', () => {
|
|
// 视觉：节点行加 padding 不再紧凑；箭头样式放大加色。
|
|
const page = readSource('src/pages/asin/ProductCategoryPage.vue')
|
|
assert.match(page, /\.node-row\s*\{[^}]*padding/, '节点行有 padding')
|
|
assert.match(page, /el-tree-node__expand-icon|expand-icon/, '展开图标样式定制')
|
|
})
|