155 lines
5.4 KiB
JavaScript
155 lines
5.4 KiB
JavaScript
// 模擬前端類型映射函數
|
||
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': '其他'
|
||
};
|
||
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);
|
||
|
||
// 處理類型轉換：如果類型是英文的，轉換為中文
|
||
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 || "HQBU";
|
||
}
|
||
|
||
const newAppData = {
|
||
name: app.name,
|
||
type: displayType,
|
||
department: department || "HQBU",
|
||
creator: creator || "",
|
||
description: app.description,
|
||
appUrl: app.appUrl || app.demoUrl || "",
|
||
icon: app.icon || "Bot",
|
||
iconColor: app.iconColor || "from-blue-500 to-purple-500",
|
||
};
|
||
|
||
console.log('newAppData:', newAppData);
|
||
return newAppData;
|
||
};
|
||
|
||
async function testEditAppConsistency() {
|
||
console.log('🧪 測試編輯應用功能一致性...\n');
|
||
|
||
// 1. 模擬列表中的應用資料（來自 loadApps）
|
||
const listApp = {
|
||
id: 'test123',
|
||
name: '測試應用程式',
|
||
description: '這是一個測試應用程式',
|
||
type: '文字處理', // 已經轉換為中文
|
||
department: 'HQBU',
|
||
creator: '測試創建者',
|
||
appUrl: 'https://example.com',
|
||
icon: 'Bot',
|
||
iconColor: 'from-blue-500 to-purple-500'
|
||
};
|
||
|
||
// 2. 模擬詳細 API 返回的應用資料
|
||
const detailApp = {
|
||
id: 'test123',
|
||
name: '測試應用程式',
|
||
description: '這是一個測試應用程式',
|
||
type: 'productivity', // 英文類型
|
||
department: 'HQBU',
|
||
creator: {
|
||
id: 'user123',
|
||
name: '測試創建者',
|
||
email: 'test@example.com',
|
||
department: 'HQBU',
|
||
role: 'developer'
|
||
},
|
||
demoUrl: 'https://example.com',
|
||
icon: 'Bot',
|
||
iconColor: 'from-blue-500 to-purple-500'
|
||
};
|
||
|
||
console.log('📋 測試列表中的編輯功能:');
|
||
console.log('輸入資料:', listApp);
|
||
const listResult = handleEditApp(listApp);
|
||
console.log('處理結果:', listResult);
|
||
|
||
console.log('\n📋 測試詳細對話框中的編輯功能:');
|
||
console.log('輸入資料:', detailApp);
|
||
const detailResult = handleEditApp(detailApp);
|
||
console.log('處理結果:', detailResult);
|
||
|
||
// 3. 驗證一致性
|
||
console.log('\n✅ 一致性檢查:');
|
||
const fieldsToCheck = ['name', 'type', 'department', 'creator', 'description', 'appUrl', 'icon', 'iconColor'];
|
||
|
||
fieldsToCheck.forEach(field => {
|
||
const listValue = listResult[field];
|
||
const detailValue = detailResult[field];
|
||
const isConsistent = listValue === detailValue;
|
||
console.log(` ${field}: ${listValue} vs ${detailValue} ${isConsistent ? '✅' : '❌'}`);
|
||
});
|
||
|
||
// 4. 測試不同類型的轉換
|
||
console.log('\n🔍 測試類型轉換:');
|
||
const testTypes = [
|
||
{ apiType: 'productivity', expected: '文字處理' },
|
||
{ apiType: 'ai_model', expected: '圖像生成' },
|
||
{ apiType: 'automation', expected: '程式開發' },
|
||
{ apiType: 'data_analysis', expected: '數據分析' },
|
||
{ apiType: 'educational', expected: '教育工具' },
|
||
{ apiType: 'healthcare', expected: '健康醫療' },
|
||
{ apiType: 'finance', expected: '金融科技' },
|
||
{ apiType: 'iot_device', expected: '物聯網' },
|
||
{ apiType: 'blockchain', expected: '區塊鏈' },
|
||
{ apiType: 'ar_vr', expected: 'AR/VR' },
|
||
{ apiType: 'machine_learning', expected: '機器學習' },
|
||
{ apiType: 'computer_vision', expected: '電腦視覺' },
|
||
{ apiType: 'nlp', expected: '自然語言處理' },
|
||
{ apiType: 'robotics', expected: '機器人' },
|
||
{ apiType: 'cybersecurity', expected: '網路安全' },
|
||
{ apiType: 'cloud_service', expected: '雲端服務' },
|
||
{ apiType: 'other', expected: '其他' }
|
||
];
|
||
|
||
testTypes.forEach(({ apiType, expected }) => {
|
||
const testApp = {
|
||
...detailApp,
|
||
type: apiType
|
||
};
|
||
const result = handleEditApp(testApp);
|
||
const isCorrect = result.type === expected;
|
||
console.log(` ${apiType} -> ${result.type} ${isCorrect ? '✅' : '❌'}`);
|
||
});
|
||
|
||
console.log('\n✅ 編輯應用功能一致性測試完成！');
|
||
}
|
||
|
||
testEditAppConsistency().catch(console.error);
|