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

scripts/test-detailed-api-fix.js

@@ -0,0 +1,132 @@
+const mysql = require('mysql2/promise');
+
+// Test the detailed API fix
+const testDetailedApiFix = async () => {
+  try {
+    const connection = await mysql.createConnection({
+      host: 'localhost',
+      user: 'root',
+      password: '123456',
+      database: 'ai_showcase_platform'
+    });
+
+    console.log('=== Testing Detailed API Fix ===\n');
+
+    // 1. Get the latest app data
+    const [apps] = await connection.execute(`
+      SELECT 
+        a.id, a.name, a.description, a.type, a.department as app_department, 
+        a.creator_name as app_creator_name, a.creator_email as app_creator_email,
+        a.icon, a.icon_color, a.status, a.created_at,
+        u.id as user_id, u.name as user_name, u.email as user_email, u.department as user_department
+      FROM apps a LEFT JOIN users u ON a.creator_id = u.id 
+      ORDER BY a.created_at DESC LIMIT 1
+    `);
+
+    if (apps.length === 0) {
+      console.log('No apps found in database');
+      return;
+    }
+
+    const app = apps[0];
+    console.log('Database values:');
+    console.log('app_department:', app.app_department);
+    console.log('app_creator_name:', app.app_creator_name);
+    console.log('user_department:', app.user_department);
+    console.log('user_name:', app.user_name);
+    console.log('');
+
+    // 2. Simulate the updated detailed API response structure
+    const detailedAppData = {
+      id: app.id,
+      name: app.name,
+      description: app.description,
+      type: app.type,
+      department: app.app_department, // Now included in detailed API
+      icon: app.icon,
+      iconColor: app.icon_color,
+      status: app.status,
+      createdAt: app.created_at,
+      creator: {
+        id: app.user_id,
+        name: app.app_creator_name || app.user_name, // Prioritize app.creator_name
+        email: app.app_creator_email || app.user_email,
+        department: app.app_department || app.user_department, // Prioritize app.department
+        role: 'developer'
+      }
+    };
+
+    console.log('Simulated detailed API response:');
+    console.log('department:', detailedAppData.department);
+    console.log('creator.name:', detailedAppData.creator.name);
+    console.log('creator.department:', detailedAppData.creator.department);
+    console.log('');
+
+    // 3. Simulate handleEditApp processing
+    const handleEditApp = (app) => {
+      console.log('=== handleEditApp Processing ===');
+      console.log('Input app.department:', app.department);
+      console.log('Input app.creator:', app.creator);
+      
+      // 處理部門和創建者資料
+      let department = app.department;
+      let creator = app.creator;
+      
+      // 如果 app.creator 是物件（來自詳細 API），提取名稱
+      if (app.creator && typeof app.creator === 'object') {
+        creator = app.creator.name || "";
+        // 優先使用應用程式的部門，而不是創建者的部門
+        department = app.department || app.creator.department || "";
+      }
+      
+      const newAppData = {
+        name: app.name || "",
+        type: app.type || "文字處理",
+        department: department || "",
+        creator: creator || "",
+        description: app.description || "",
+        appUrl: app.appUrl || app.demoUrl || "",
+        icon: app.icon || "",
+        iconColor: app.iconColor || "",
+      }
+      
+      console.log('newAppData:', newAppData);
+      return newAppData;
+    };
+
+    // 4. Process the detailed app data
+    const result = handleEditApp(detailedAppData);
+    
+    console.log('\n=== Final Result ===');
+    console.log('Expected creator name:', app.app_creator_name || app.user_name);
+    console.log('Expected department:', app.app_department);
+    console.log('Actual result creator:', result.creator);
+    console.log('Actual result department:', result.department);
+
+    // 5. Verify the results
+    const expectedCreator = app.app_creator_name || app.user_name;
+    const expectedDepartment = app.app_department;
+    
+    console.log('\n=== Verification ===');
+    console.log('Creator match:', result.creator === expectedCreator ? '✅ PASS' : '❌ FAIL');
+    console.log('Department match:', result.department === expectedDepartment ? '✅ PASS' : '❌ FAIL');
+
+    if (result.creator !== expectedCreator) {
+      console.log('❌ Creator mismatch!');
+      console.log('Expected:', expectedCreator);
+      console.log('Actual:', result.creator);
+    }
+
+    if (result.department !== expectedDepartment) {
+      console.log('❌ Department mismatch!');
+      console.log('Expected:', expectedDepartment);
+      console.log('Actual:', result.department);
+    }
+
+    await connection.end();
+  } catch (error) {
+    console.error('Test failed:', error);
+  }
+};
+
+testDetailedApiFix();