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

This commit is contained in:
2025-08-06 16:33:11 +08:00
parent dc4594a4cd
commit af88c0f037
100 changed files with 5592 additions and 7160 deletions

View File

@@ -0,0 +1,210 @@
// 測試編輯應用功能是否正確使用資料庫值而非預設值
console.log('🧪 測試編輯應用功能資料庫值處理...');
// 模擬前端類型映射函數
const mapApiTypeToDisplayType = (apiType) => {
const typeMap = {
'productivity': '文字處理',
'ai_model': '圖像生成',
'automation': '程式開發',
'data_analysis': '數據分析',
'educational': '教育工具',
'healthcare': '健康醫療',
'finance': '金融科技',
'iot_device': '物聯網',
'blockchain': '區塊鏈',
'ar_vr': 'AR/VR',
'machine_learning': '機器學習',
'computer_vision': '電腦視覺',
'nlp': '自然語言處理',
'robotics': '機器人',
'cybersecurity': '網路安全',
'cloud_service': '雲端服務',
'other': '其他',
// 舊的英文類型映射
'web_app': '文字處理',
'mobile_app': '文字處理',
'desktop_app': '文字處理',
'api_service': '程式開發'
};
return typeMap[apiType] || '其他';
};
// 模擬修正後的 handleEditApp 函數
const handleEditApp = (app) => {
console.log('=== handleEditApp Debug ===');
console.log('Input app:', app);
console.log('app.type:', app.type);
console.log('app.department:', app.department);
console.log('app.creator:', app.creator);
console.log('app.icon:', app.icon);
console.log('app.iconColor:', app.iconColor);
// 處理類型轉換:如果類型是英文的,轉換為中文
let displayType = app.type;
if (app.type && !['文字處理', '圖像生成', '程式開發', '數據分析', '教育工具', '健康醫療', '金融科技', '物聯網', '區塊鏈', 'AR/VR', '機器學習', '電腦視覺', '自然語言處理', '機器人', '網路安全', '雲端服務', '其他'].includes(app.type)) {
displayType = mapApiTypeToDisplayType(app.type);
}
// 處理部門和創建者資料
let department = app.department;
let creator = app.creator;
// 如果 app.creator 是物件(來自詳細 API提取名稱
if (app.creator && typeof app.creator === 'object') {
creator = app.creator.name || "";
department = app.creator.department || app.department || "";
}
const newAppData = {
name: app.name || "",
type: displayType || "文字處理",
department: department || "",
creator: creator || "",
description: app.description || "",
appUrl: app.appUrl || app.demoUrl || "",
icon: app.icon || "",
iconColor: app.iconColor || "",
};
console.log('newAppData:', newAppData);
return newAppData;
};
async function testEditAppDatabaseValues() {
console.log('\n📋 測試案例 1: 資料庫有實際值的應用程式');
// 模擬來自詳細 API 的資料(有實際資料庫值)
const appWithRealData = {
id: "test-1",
name: "真實 AI 應用",
description: "這是一個真實的應用程式",
type: "productivity", // 英文 API 類型
department: "ITBU", // 實際部門
creator: {
id: "user-1",
name: "張三", // 實際創建者名稱
email: "zhang@example.com",
department: "ITBU",
role: "developer"
},
icon: "Zap", // 實際圖示
iconColor: "from-yellow-500 to-orange-500", // 實際圖示顏色
appUrl: "https://example.com/app",
demoUrl: "https://demo.example.com"
};
const result1 = handleEditApp(appWithRealData);
console.log('\n✅ 測試案例 1 結果:');
console.log('期望: 使用資料庫的實際值');
console.log('實際結果:', result1);
// 驗證結果
const expected1 = {
name: "真實 AI 應用",
type: "文字處理", // 應該從 productivity 轉換
department: "ITBU", // 應該使用實際部門
creator: "張三", // 應該從物件提取名稱
description: "這是一個真實的應用程式",
appUrl: "https://example.com/app",
icon: "Zap", // 應該使用實際圖示
iconColor: "from-yellow-500 to-orange-500" // 應該使用實際顏色
};
const isCorrect1 = JSON.stringify(result1) === JSON.stringify(expected1);
console.log('✅ 測試案例 1 通過:', isCorrect1);
console.log('\n📋 測試案例 2: 資料庫值為空字串的應用程式');
// 模擬資料庫值為空字串的情況
const appWithEmptyData = {
id: "test-2",
name: "空值測試應用",
description: "測試空值處理",
type: "other",
department: "", // 空字串
creator: {
id: "user-2",
name: "", // 空字串
email: "test@example.com",
department: "", // 空字串
role: "user"
},
icon: "", // 空字串
iconColor: "", // 空字串
appUrl: "",
demoUrl: ""
};
const result2 = handleEditApp(appWithEmptyData);
console.log('\n✅ 測試案例 2 結果:');
console.log('期望: 保持空字串,不使用預設值');
console.log('實際結果:', result2);
// 驗證結果
const expected2 = {
name: "空值測試應用",
type: "其他",
department: "", // 應該保持空字串
creator: "", // 應該保持空字串
description: "測試空值處理",
appUrl: "",
icon: "", // 應該保持空字串
iconColor: "" // 應該保持空字串
};
const isCorrect2 = JSON.stringify(result2) === JSON.stringify(expected2);
console.log('✅ 測試案例 2 通過:', isCorrect2);
console.log('\n📋 測試案例 3: 來自列表 API 的資料(字串格式)');
// 模擬來自列表 API 的資料(字串格式)
const appFromList = {
id: "test-3",
name: "列表應用",
description: "來自列表的應用",
type: "文字處理", // 已經是中文
department: "HQBU", // 字串格式
creator: "李四", // 字串格式
icon: "Bot", // 字串格式
iconColor: "from-blue-500 to-purple-500", // 字串格式
appUrl: "https://list.example.com"
};
const result3 = handleEditApp(appFromList);
console.log('\n✅ 測試案例 3 結果:');
console.log('期望: 直接使用字串值');
console.log('實際結果:', result3);
// 驗證結果
const expected3 = {
name: "列表應用",
type: "文字處理",
department: "HQBU",
creator: "李四",
description: "來自列表的應用",
appUrl: "https://list.example.com",
icon: "Bot",
iconColor: "from-blue-500 to-purple-500"
};
const isCorrect3 = JSON.stringify(result3) === JSON.stringify(expected3);
console.log('✅ 測試案例 3 通過:', isCorrect3);
console.log('\n📊 總結:');
console.log(`✅ 測試案例 1 (實際資料庫值): ${isCorrect1 ? '通過' : '失敗'}`);
console.log(`✅ 測試案例 2 (空字串處理): ${isCorrect2 ? '通過' : '失敗'}`);
console.log(`✅ 測試案例 3 (列表資料格式): ${isCorrect3 ? '通過' : '失敗'}`);
if (isCorrect1 && isCorrect2 && isCorrect3) {
console.log('\n🎉 所有測試案例通過!編輯功能現在正確使用資料庫值而非預設值。');
} else {
console.log('\n❌ 部分測試案例失敗,需要進一步檢查。');
}
}
// 執行測試
testEditAppDatabaseValues().catch(console.error);