import test from 'node:test'
import assert from 'node:assert/strict'
import { readSource } from './helpers.ts'
import { makeCategoryLoadMoreNode, toProductCategoryNode } from '../src/pages/asin/product-category-model.ts'

// 验收反馈（两轮）：类目树显示不对，参考旧版页面 —— 改为树形表格：
// 缩进层级 + [+/-] 展开折叠标记 + 名称/层级路径/排序/来源/说明/操作列，懒加载与加载更多保留。

test('align_category_tree_table_normal_primary_path', () => {
  const page = readSource('src/pages/asin/ProductCategoryPage.vue')
  assert.ok(!page.includes('<el-tree'), '不再使用 el-tree，改为树形表格')
  assert.match(page, /tree-node-mark/, '树形展开折叠标记(+/−)')
  assert.match(page, /tree-indent/, '层级缩进')
})

test('align_category_tree_table_normal_variant_input', () => {
  const page = readSource('src/pages/asin/ProductCategoryPage.vue')
  assert.match(page, /expandedIds/, '客户端展开状态集合')
  assert.match(page, /treeRows/, '按展开状态扁平化行集')
  for (const col of ['层级路径', '排序', '来源', '备注']) {
    assert.match(page, new RegExp(col), `树形表格含「${col}」列（旧版列名为备注）`)
  }
})

test('align_category_tree_table_boundary_empty_input', () => {
  // 展开折叠标记：childCount>0 显示 +/−；叶子无标记（对齐旧版 tree-node-mark is-leaf）。
  const page = readSource('src/pages/asin/ProductCategoryPage.vue')
  assert.match(page, /childCount/, '标记按 childCount 判断')
  assert.match(page, /is-leaf/, '叶子标记态样式')
})

test('align_category_tree_table_boundary_single_item', () => {
  // 懒加载保留：展开时未加载子级先拉取第一页；加载更多合成行保留。
  const page = readSource('src/pages/asin/ProductCategoryPage.vue')
  assert.match(page, /loadChildrenPage/, '展开懒加载保留')
  assert.match(page, /isCategoryLoadMoreNode/, '加载更多行保留')
})

test('align_category_tree_table_repeated_operation_is_idempotent', () => {
  // 合成节点 id 仍唯一（loadMore 独立负数域，避免 node key 冲突致行错位）。
  const ids = new Set([makeCategoryLoadMoreNode(null, 1, 2).id, makeCategoryLoadMoreNode(1, 1, 2).id, makeCategoryLoadMoreNode(2, 1, 2).id])
  assert.equal(ids.size, 3)
  // 叶子节点 children 为空数组（无占位注入）。
  const leaf = toProductCategoryNode({ id: 9, name: '叶子', child_count: 0, path: '叶子' })
  assert.ok(leaf && leaf.children.length === 0)
})

test('align_category_tree_table_dependency_failure_returns_actionable_message', () => {
  // 视觉复刻旧版：圆角方块标记、层级缩进(24px/级)、名称加粗。
  const page = readSource('src/pages/asin/ProductCategoryPage.vue')
  assert.match(page, /tree-node-mark/, '展开标记样式存在')
  assert.match(page, /row\.depth \* 24/, '缩进 24px/级')
})