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

2025-08-06 16:33:11 +08:00
parent dc4594a4cd
commit af88c0f037
100 changed files with 5592 additions and 7160 deletions
--- a/scripts/test-modal-reset-fix.js
+++ b/scripts/test-modal-reset-fix.js
@@ -0,0 +1,137 @@
+// Test script to verify modal reset fix
+console.log('Testing modal reset fix...')
+
+// Simulate the newApp state
+let newApp = {
+  name: "",
+  type: "文字處理",
+  department: "HQBU",
+  creator: "",
+  description: "",
+  appUrl: "",
+  icon: "Bot",
+  iconColor: "from-blue-500 to-purple-500",
+}
+
+// Simulate the resetNewApp function
+function resetNewApp() {
+  newApp = {
+    name: "",
+    type: "文字處理",
+    department: "HQBU",
+    creator: "",
+    description: "",
+    appUrl: "",
+    icon: "Bot",
+    iconColor: "from-blue-500 to-purple-500",
+  }
+  console.log('✅ Form reset to initial values')
+}
+
+// Simulate the handleEditApp function
+function handleEditApp(app) {
+  console.log('📝 Editing app:', app.name)
+  newApp = {
+    name: app.name,
+    type: app.type,
+    department: app.creator?.department || app.department || "HQBU",
+    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)
+}
+
+// Simulate the "Add New App" button click
+function handleAddNewAppClick() {
+  console.log('➕ Add New App button clicked')
+  console.log('📋 Form state before reset:', newApp)
+  resetNewApp()
+  console.log('📋 Form state after reset:', newApp)
+}
+
+// Test scenario 1: Edit an app, then click "Add New App"
+console.log('\n=== Test Scenario 1: Edit then Add New ===')
+const testApp = {
+  name: "Test AI App",
+  type: "圖像生成",
+  department: "ITBU",
+  creator: "John Doe",
+  description: "A test AI application",
+  appUrl: "https://example.com",
+  icon: "Brain",
+  iconColor: "from-purple-500 to-pink-500",
+}
+
+console.log('1. Initial form state:')
+console.log(newApp)
+
+console.log('\n2. Edit an app:')
+handleEditApp(testApp)
+
+console.log('\n3. Click "Add New App" button:')
+handleAddNewAppClick()
+
+// Test scenario 2: Multiple edits without reset
+console.log('\n=== Test Scenario 2: Multiple Edits ===')
+const testApp2 = {
+  name: "Another Test App",
+  type: "語音辨識",
+  department: "MBU1",
+  creator: "Jane Smith",
+  description: "Another test application",
+  appUrl: "https://test2.com",
+  icon: "Mic",
+  iconColor: "from-green-500 to-teal-500",
+}
+
+console.log('1. Edit first app:')
+handleEditApp(testApp)
+
+console.log('2. Edit second app (without reset):')
+handleEditApp(testApp2)
+
+console.log('3. Click "Add New App" button:')
+handleAddNewAppClick()
+
+// Test scenario 3: Verify reset function works correctly
+console.log('\n=== Test Scenario 3: Reset Verification ===')
+console.log('1. Populate form with data:')
+newApp = {
+  name: "Some App",
+  type: "其他",
+  department: "SBU",
+  creator: "Test User",
+  description: "Test description",
+  appUrl: "https://test.com",
+  icon: "Settings",
+  iconColor: "from-gray-500 to-zinc-500",
+}
+console.log('Form populated:', newApp)
+
+console.log('\n2. Reset form:')
+resetNewApp()
+console.log('Form after reset:', newApp)
+
+// Verify all fields are reset to initial values
+const expectedInitialState = {
+  name: "",
+  type: "文字處理",
+  department: "HQBU",
+  creator: "",
+  description: "",
+  appUrl: "",
+  icon: "Bot",
+  iconColor: "from-blue-500 to-purple-500",
+}
+
+const isResetCorrect = JSON.stringify(newApp) === JSON.stringify(expectedInitialState)
+console.log('\n✅ Reset verification:', isResetCorrect ? 'PASSED' : 'FAILED')
+
+if (isResetCorrect) {
+  console.log('🎉 All tests passed! The modal reset fix is working correctly.')
+} else {
+  console.log('❌ Reset verification failed. Check the resetNewApp function.')
+}