regionDataTest.ts 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  1. // 地区数据系统测试工具
  2. // 用于验证双地区数据系统是否正常工作
  3. import { regionData } from 'element-china-area-data';
  4. import { chinaAreaList } from '@/api/system/addressarea/index';
  5. import { convertRegionData, BackendRegionUtils } from './regionDataConverter';
  6. /**
  7. * 测试基本信息地址选择系统
  8. */
  9. export function testFrontendRegionData() {
  10. console.log('=== 测试基本信息地址选择系统 ===');
  11. if (!regionData || !Array.isArray(regionData)) {
  12. console.error('❌ 前端地区数据加载失败');
  13. return false;
  14. }
  15. console.log('✅ 前端地区数据加载成功');
  16. console.log(`📊 省份数量: ${regionData.length}`);
  17. // 测试数据结构
  18. const firstProvince = regionData[0];
  19. if (firstProvince && firstProvince.value && firstProvince.label && firstProvince.children) {
  20. console.log('✅ 数据结构正确');
  21. console.log(`📍 示例省份: ${firstProvince.label} (${firstProvince.value})`);
  22. const firstCity = firstProvince.children[0];
  23. if (firstCity && firstCity.children) {
  24. console.log(`📍 示例城市: ${firstCity.label} (${firstCity.value})`);
  25. console.log(`📍 示例区县: ${firstCity.children[0]?.label} (${firstCity.children[0]?.value})`);
  26. }
  27. } else {
  28. console.error('❌ 前端地区数据结构异常');
  29. return false;
  30. }
  31. return true;
  32. }
  33. /**
  34. * 测试供应区域管理系统
  35. */
  36. export async function testBackendRegionData() {
  37. console.log('=== 测试供应区域管理系统 ===');
  38. try {
  39. const res = await chinaAreaList();
  40. const backendData = res.data;
  41. if (!backendData || !Array.isArray(backendData)) {
  42. console.error('❌ 后端地区数据加载失败');
  43. return false;
  44. }
  45. console.log('✅ 后端地区数据加载成功');
  46. console.log(`📊 省份数量: ${backendData.length}`);
  47. // 测试数据结构
  48. const firstProvince = backendData[0];
  49. if (firstProvince && firstProvince.id && firstProvince.areaCode && firstProvince.areaName) {
  50. console.log('✅ 数据结构正确');
  51. console.log(`📍 示例省份: ${firstProvince.areaName} (${firstProvince.areaCode})`);
  52. if (firstProvince.children && firstProvince.children.length > 0) {
  53. const firstCity = firstProvince.children[0];
  54. console.log(`📍 示例城市: ${firstCity.areaName} (${firstCity.areaCode})`);
  55. }
  56. } else {
  57. console.error('❌ 后端地区数据结构异常');
  58. return false;
  59. }
  60. // 测试数据转换
  61. const convertedData = convertRegionData(backendData);
  62. if (convertedData && convertedData.length > 0) {
  63. console.log('✅ 数据转换成功');
  64. console.log(`📊 转换后数据量: ${convertedData.length}`);
  65. } else {
  66. console.error('❌ 数据转换失败');
  67. return false;
  68. }
  69. // 测试工具函数
  70. const beijingData = BackendRegionUtils.findByAreaCode(backendData, 'CN11');
  71. if (beijingData) {
  72. console.log(`✅ 工具函数测试成功: 找到 ${beijingData.areaName}`);
  73. }
  74. return true;
  75. } catch (error) {
  76. console.error('❌ 后端地区数据测试失败:', error);
  77. return false;
  78. }
  79. }
  80. /**
  81. * 运行完整的地区数据系统测试
  82. */
  83. export async function runRegionDataTests() {
  84. console.log('🚀 开始地区数据系统测试...');
  85. const frontendTest = testFrontendRegionData();
  86. const backendTest = await testBackendRegionData();
  87. if (frontendTest && backendTest) {
  88. console.log('🎉 所有测试通过!双地区数据系统工作正常');
  89. return true;
  90. } else {
  91. console.log('❌ 部分测试失败,请检查相关配置');
  92. return false;
  93. }
  94. }
  95. // 在开发环境下可以手动运行测试
  96. if (import.meta.env.DEV) {
  97. // 可以在控制台运行: runRegionDataTests()
  98. (window as any).runRegionDataTests = runRegionDataTests;
  99. (window as any).testFrontendRegionData = testFrontendRegionData;
  100. (window as any).testBackendRegionData = testBackendRegionData;
  101. }