優化應用 APP 新增、編輯邏輯

scripts/test-department-prefill.js

@@ -0,0 +1,166 @@
+// Test script to verify department pre-fill issue in handleEditApp
+console.log('Testing department pre-fill issue...')
+
+// Simulate the loadApps function processing
+function processApps(apiApps) {
+  return apiApps.map(app => ({
+    id: app.id,
+    name: app.name,
+    type: app.type,
+    creator: typeof app.creator === 'object' ? app.creator.name : app.creator,
+    department: typeof app.creator === 'object' ? app.creator.department : app.department,
+    description: app.description,
+    appUrl: app.appUrl || app.demoUrl || '',
+    icon: app.icon || 'Bot',
+    iconColor: app.iconColor || 'from-blue-500 to-purple-500',
+    status: app.status,
+    views: app.views || 0,
+    likes: app.likes || 0,
+    rating: app.rating || 0,
+    reviews: app.reviews || 0,
+    createdAt: app.createdAt ? new Date(app.createdAt).toLocaleDateString() : '未知'
+  }))
+}
+
+// Simulate the handleEditApp function
+function handleEditApp(app) {
+  console.log('📝 Editing app:', app.name)
+  console.log('📋 App object structure:', {
+    name: app.name,
+    creator: app.creator,
+    department: app.department,
+    hasCreatorObject: typeof app.creator === 'object',
+    hasCreatorProperty: 'creator' in app,
+    hasDepartmentProperty: 'department' in app
+  })
+  
+  const newApp = {
+    name: app.name,
+    type: app.type,
+    department: app.creator?.department || app.department || "HQBU", // This is the problematic line
+    creator: app.creator?.name || app.creator || "",
+    description: app.description,
+    appUrl: app.appUrl || app.demoUrl || "",
+    icon: app.icon || "Bot",
+    iconColor: app.iconColor || "from-blue-500 to-purple-500",
+  }
+  
+  console.log('📝 Form populated with app data:', newApp)
+  return newApp
+}
+
+// Test scenario 1: App with creator as object (from API)
+console.log('\n=== Test Scenario 1: Creator as Object ===')
+const apiAppWithCreatorObject = {
+  id: "1",
+  name: "Test AI App",
+  type: "圖像生成",
+  creator: {
+    id: "user1",
+    name: "John Doe",
+    department: "ITBU"
+  },
+  department: "HQBU", // This should be ignored when creator is object
+  description: "A test AI application",
+  appUrl: "https://example.com",
+  icon: "Brain",
+  iconColor: "from-purple-500 to-pink-500",
+  status: "published",
+  views: 100,
+  likes: 50,
+  rating: 4.5,
+  reviews: 10,
+  createdAt: "2024-01-15"
+}
+
+console.log('1. Original API app with creator object:')
+console.log(apiAppWithCreatorObject)
+
+console.log('\n2. Processed by loadApps:')
+const processedApp1 = processApps([apiAppWithCreatorObject])[0]
+console.log(processedApp1)
+
+console.log('\n3. handleEditApp result:')
+const editResult1 = handleEditApp(processedApp1)
+console.log('Department in form:', editResult1.department)
+
+// Test scenario 2: App with creator as string (from API)
+console.log('\n=== Test Scenario 2: Creator as String ===')
+const apiAppWithCreatorString = {
+  id: "2",
+  name: "Another Test App",
+  type: "語音辨識",
+  creator: "Jane Smith", // String creator
+  department: "MBU1", // This should be used when creator is string
+  description: "Another test application",
+  appUrl: "https://test2.com",
+  icon: "Mic",
+  iconColor: "from-green-500 to-teal-500",
+  status: "draft",
+  views: 50,
+  likes: 25,
+  rating: 4.0,
+  reviews: 5,
+  createdAt: "2024-01-20"
+}
+
+console.log('1. Original API app with creator string:')
+console.log(apiAppWithCreatorString)
+
+console.log('\n2. Processed by loadApps:')
+const processedApp2 = processApps([apiAppWithCreatorString])[0]
+console.log(processedApp2)
+
+console.log('\n3. handleEditApp result:')
+const editResult2 = handleEditApp(processedApp2)
+console.log('Department in form:', editResult2.department)
+
+// Test scenario 3: Fix the handleEditApp function
+console.log('\n=== Test Scenario 3: Fixed handleEditApp ===')
+function handleEditAppFixed(app) {
+  console.log('📝 Editing app (FIXED):', app.name)
+  console.log('📋 App object structure:', {
+    name: app.name,
+    creator: app.creator,
+    department: app.department,
+    hasCreatorObject: typeof app.creator === 'object',
+    hasCreatorProperty: 'creator' in app,
+    hasDepartmentProperty: 'department' in app
+  })
+  
+  const newApp = {
+    name: app.name,
+    type: app.type,
+    department: app.department || "HQBU", // FIXED: Use app.department directly
+    creator: app.creator || "",
+    description: app.description,
+    appUrl: app.appUrl || app.demoUrl || "",
+    icon: app.icon || "Bot",
+    iconColor: app.iconColor || "from-blue-500 to-purple-500",
+  }
+  
+  console.log('📝 Form populated with app data (FIXED):', newApp)
+  return newApp
+}
+
+console.log('1. Test with processed app 1 (creator was object):')
+const fixedResult1 = handleEditAppFixed(processedApp1)
+console.log('Department in form (FIXED):', fixedResult1.department)
+
+console.log('\n2. Test with processed app 2 (creator was string):')
+const fixedResult2 = handleEditAppFixed(processedApp2)
+console.log('Department in form (FIXED):', fixedResult2.department)
+
+// Verify the fix
+console.log('\n=== Verification ===')
+const expectedDepartment1 = "ITBU" // Should be from creator.department
+const expectedDepartment2 = "MBU1" // Should be from app.department
+
+console.log('Scenario 1 - Expected:', expectedDepartment1, 'Got:', fixedResult1.department, '✅', fixedResult1.department === expectedDepartment1 ? 'PASS' : 'FAIL')
+console.log('Scenario 2 - Expected:', expectedDepartment2, 'Got:', fixedResult2.department, '✅', fixedResult2.department === expectedDepartment2 ? 'PASS' : 'FAIL')
+
+if (fixedResult1.department === expectedDepartment1 && fixedResult2.department === expectedDepartment2) {
+  console.log('\n🎉 All tests passed! The department pre-fill fix is working correctly.')
+} else {
+  console.log('\n❌ Some tests failed. Check the handleEditApp function.')
+}