chinese-family-tree-2/测试家族树下拉框.md

🔍 测试家族树下拉框

问题排查

1. 确认登录状态

家族树下拉框只在登录后显示。

检查方法：

• 查看右上角是否有用户头像
• 如果显示"登录"按钮，说明未登录

2. 登录步骤

1. 访问：http://localhost:3000/auth/signin
2. 使用测试账号：
   • 邮箱：test@example.com
   • 密码：password123
3. 点击"登录"

3. 刷新页面

登录后，硬刷新页面：

• Mac: Cmd + Shift + R
• Windows/Linux: Ctrl + Shift + R

4. 预期显示

登录后，Header 应该显示：

[📖 华夏谱] [李氏家族 ▼]  总览 族谱 成员 大事记

点击 [李氏家族 ▼] 会显示下拉菜单：

┌─────────────────────────┐
│ 我的家族树               │
├─────────────────────────┤
│ 李氏家族            ✓   │
│ 测试家族树               │
├─────────────────────────┤
│ + 创建新家族树           │
└─────────────────────────┘

🐛 如果还是看不到

可能原因 1：浏览器缓存

解决方法：

1. 清除浏览器缓存
2. 或使用无痕模式访问

可能原因 2：没有家族树

解决方法： 运行脚本创建家族树：

./create-test-tree.sh

可能原因 3：Session 过期

解决方法：

1. 退出登录
2. 重新登录

✅ 验证数据

检查是否有家族树：

psql -d chinese_family_tree -c "
SELECT name FROM \"FamilyTree\" 
WHERE \"ownerId\" = (
  SELECT id FROM \"User\" WHERE email = 'test@example.com'
);"

应该显示：

     name      
---------------
 李氏家族
 测试家族树

📝 代码位置

家族树下拉框代码在：

• 文件：components/site-header.tsx
• 行数：104-140

显示条件：

{session && familyTrees.length > 0 && (
  // 下拉框代码
)}

必须同时满足：

1. ✅ 已登录 (session 存在)
2. ✅ 有家族树 (familyTrees.length > 0)