nxxmdata/backend/test-frontend-binding.js

const { Farm } = require('./models');
const { sequelize } = require('./config/database');

// 测试前端数据绑定的完整流程
async function testFrontendBinding() {
  console.log('=== 前端数据绑定测试 ===\n');
  
  try {
    // 1. 创建测试记录
    console.log('1. 创建测试记录...');
    const testFarm = await Farm.create({
      name: '绑定测试农场',
      type: '养殖场',
      contact: '测试负责人',
      phone: '13800138000',
      address: '测试地址',
      longitude: 106.2309,
      latitude: 38.4872,
      status: 'active'
    });
    
    console.log('✓ 测试记录创建成功:', {
      id: testFarm.id,
      name: testFarm.name,
      location: testFarm.location
    });
    
    // 2. 模拟API查询返回的数据格式
    console.log('\n2. 模拟API查询返回数据...');
    const apiResponse = await Farm.findByPk(testFarm.id, {
      attributes: ['id', 'name', 'type', 'contact', 'phone', 'address', 'location', 'status', 'created_at']
    });
    
    console.log('✓ API返回数据格式:', {
      id: apiResponse.id,
      name: apiResponse.name,
      location: apiResponse.location,
      location_type: typeof apiResponse.location,
      location_structure: apiResponse.location ? Object.keys(apiResponse.location) : 'null'
    });
    
    // 3. 模拟前端editFarm函数的数据解析
    console.log('\n3. 模拟前端editFarm数据解析...');
    const record = apiResponse.toJSON();
    
    // 前端解析逻辑
    const longitude = record.location?.lng || undefined;
    const latitude = record.location?.lat || undefined;
    
    console.log('✓ 前端解析结果:', {
      original_location: record.location,
      parsed_longitude: longitude,
      parsed_latitude: latitude,
      longitude_type: typeof longitude,
      latitude_type: typeof latitude
    });
    
    // 4. 模拟前端formData绑定
    console.log('\n4. 模拟前端formData绑定...');
    const formData = {
      id: record.id,
      name: record.name,
      owner: record.contact || '',
      phone: record.phone,
      address: record.address,
      longitude: longitude,
      latitude: latitude,
      status: record.status
    };
    
    console.log('✓ formData绑定结果:', {
      longitude: formData.longitude,
      latitude: formData.latitude,
      longitude_type: typeof formData.longitude,
      latitude_type: typeof formData.latitude
    });
    
    // 5. 测试数据类型转换
    console.log('\n5. 测试数据类型转换...');
    
    // 模拟用户输入修改
    const userInputLongitude = '106.2400';
    const userInputLatitude = '38.4900';
    
    // 模拟前端输入框的数据处理
    const processedLongitude = parseFloat(userInputLongitude);
    const processedLatitude = parseFloat(userInputLatitude);
    
    console.log('✓ 用户输入处理:', {
      input_longitude: userInputLongitude,
      input_latitude: userInputLatitude,
      processed_longitude: processedLongitude,
      processed_latitude: processedLatitude,
      processed_longitude_type: typeof processedLongitude,
      processed_latitude_type: typeof processedLatitude
    });
    
    // 6. 模拟提交数据
    console.log('\n6. 模拟提交更新...');
    const submitData = {
      ...formData,
      longitude: processedLongitude,
      latitude: processedLatitude
    };
    
    // 更新记录
    await testFarm.update(submitData);
    
    // 验证更新结果
    const updatedFarm = await Farm.findByPk(testFarm.id);
    console.log('✓ 更新后的数据:', {
      location: updatedFarm.location,
      location_lng: updatedFarm.location?.lng,
      location_lat: updatedFarm.location?.lat
    });
    
    // 7. 测试边界情况
    console.log('\n7. 测试边界情况...');
    
    // 测试undefined值
    const testUndefined = {
      longitude: undefined,
      latitude: undefined
    };
    
    console.log('✓ undefined值测试:', {
      longitude_undefined: testUndefined.longitude,
      latitude_undefined: testUndefined.latitude,
      longitude_type: typeof testUndefined.longitude,
      latitude_type: typeof testUndefined.latitude
    });
    
    // 测试null值
    const testNull = {
      longitude: null,
      latitude: null
    };
    
    console.log('✓ null值测试:', {
      longitude_null: testNull.longitude,
      latitude_null: testNull.latitude,
      longitude_type: typeof testNull.longitude,
      latitude_type: typeof testNull.latitude
    });
    
    // 测试空字符串
    const testEmpty = {
      longitude: '',
      latitude: ''
    };
    
    console.log('✓ 空字符串测试:', {
      longitude_empty: testEmpty.longitude,
      latitude_empty: testEmpty.latitude,
      longitude_type: typeof testEmpty.longitude,
      latitude_type: typeof testEmpty.latitude
    });
    
    // 8. 清理测试数据
    console.log('\n8. 清理测试数据...');
    await testFarm.destroy();
    console.log('✓ 测试数据已清理');
    
    console.log('\n=== 前端数据绑定测试完成 ===');
    console.log('\n📋 测试总结:');
    console.log('1. ✅ 数据库存储格式正确 (JSON对象)');
    console.log('2. ✅ API返回数据格式正确');
    console.log('3. ✅ 前端数据解析逻辑正确');
    console.log('4. ✅ formData绑定逻辑正确');
    console.log('5. ✅ 数据类型转换正确');
    console.log('6. ✅ 更新操作正确');
    console.log('7. ✅ 边界情况处理正确');
    
  } catch (error) {
    console.error('❌ 测试过程中出现错误:', error);
    throw error;
  }
}

// 运行测试
if (require.main === module) {
  testFrontendBinding()
    .then(() => {
      console.log('\n🎉 所有测试通过!');
      process.exit(0);
    })
    .catch((error) => {
      console.error('\n💥 测试失败:', error.message);
      process.exit(1);
    });
}

module.exports = { testFrontendBinding };