gisMapCanvas.test.mjs 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. import test from 'node:test'
  2. import assert from 'node:assert/strict'
  3. import { readFile } from 'node:fs/promises'
  4. import { getMonitoringPointColor, getMonitoringPointIcon, getMonitoringPointLabel, getMonitoringPointStatus, getMonitoringPointTagType } from '../src/utils/gisMapColors.js'
  5. test('shared gis map canvas converts WGS84 coordinates before BMapGL rendering', async () => {
  6. const source = await readFile('src/components/GisMapCanvas.vue', 'utf8')
  7. assert.match(source, /import \{ convertCoord \} from '@\/utils\/coordTransform'/u)
  8. assert.match(source, /const \[lng, lat\] = convertCoord\(point\.lng, point\.lat\)/u)
  9. assert.match(source, /new BMapGL\.Point\(lng, lat\)/u)
  10. assert.match(source, /mapInstance\.setViewport\(bmapPoints/u)
  11. assert.doesNotMatch(source, /new BMapGL\.Point\(point\.lng, point\.lat\)/u)
  12. })
  13. test('shared gis map canvas uses the official default marker with labels above points', async () => {
  14. const source = await readFile('src/components/GisMapCanvas.vue', 'utf8')
  15. assert.match(source, /markerSize: \{ type: Number, default: 22 \}/u)
  16. assert.match(source, /const marker = new BMapGL\.Marker\(position\)/u)
  17. assert.doesNotMatch(source, /new BMapGL\.Icon\(/u)
  18. assert.match(source, /<div class="marker-text">/u)
  19. assert.match(source, /offset: new BMapGL\.Size\(-90, -props\.markerSize - 8\)/u)
  20. assert.match(source, /供水管网.*起点/u)
  21. assert.match(source, /终点/u)
  22. assert.ok(source.includes("emit('point-click', point)"))
  23. })
  24. test('monitoring point colors follow the documented status semantics', () => {
  25. assert.equal(getMonitoringPointStatus({ relatedOrderNo: 'WO-1' }), 'workOrder')
  26. assert.equal(getMonitoringPointStatus({ relatedWorkOrderNo: 'WO-2' }), 'workOrder')
  27. assert.equal(getMonitoringPointStatus({ alarmStatus: 1 }), 'alarm')
  28. assert.equal(getMonitoringPointStatus({ currentStatus: 3 }), 'warning')
  29. assert.equal(getMonitoringPointStatus({ onlineStatus: 0 }), 'offline')
  30. assert.equal(getMonitoringPointStatus({}), 'normal')
  31. assert.equal(getMonitoringPointColor({ relatedOrderNo: 'WO-1' }), '#3498db')
  32. assert.equal(getMonitoringPointColor({ alarmStatus: 1 }), '#e74c3c')
  33. assert.equal(getMonitoringPointColor({ currentStatus: 3 }), '#f1c40f')
  34. assert.equal(getMonitoringPointColor({ onlineStatus: 0 }), '#95a5a6')
  35. assert.equal(getMonitoringPointColor({}), '#2ecc71')
  36. assert.match(getMonitoringPointIcon({ relatedOrderNo: 'WO-1' }), /T_MarkPoint_Blue\.png/u)
  37. assert.match(getMonitoringPointIcon({ alarmStatus: 1 }), /T_MarkPoint_Red\.png/u)
  38. assert.match(getMonitoringPointIcon({ currentStatus: 3 }), /T_MarkPoint_Yellow\.png/u)
  39. assert.match(getMonitoringPointIcon({ onlineStatus: 0 }), /T_MarkPoint_Grey\.png/u)
  40. assert.match(getMonitoringPointIcon({}), /T_MarkPoint_Green\.png/u)
  41. assert.equal(getMonitoringPointLabel({ currentStatus: 3 }), '预警')
  42. assert.equal(getMonitoringPointLabel({ relatedWorkOrderNo: 'WO-2' }), '关联工单')
  43. assert.equal(getMonitoringPointTagType({ relatedWorkOrderNo: 'WO-2' }), 'primary')
  44. assert.equal(getMonitoringPointTagType({ onlineStatus: 0 }), 'info')
  45. })
  46. test('water supply GIS pages share the common canvas component', async () => {
  47. const deviceSource = await readFile('src/views/subSystem/waterSupply/components/WaterDeviceGisMap.vue', 'utf8')
  48. const facilitySource = await readFile('src/views/subSystem/waterSupply/facility/gis.vue', 'utf8')
  49. assert.match(deviceSource, /<GisMapCanvas/u)
  50. assert.match(deviceSource, /value="workOrder">关联工单/u)
  51. assert.match(deviceSource, /legend-dot warning/u)
  52. assert.match(deviceSource, /getMonitoringPointTagType/u)
  53. assert.match(deviceSource, /:points="mapPoints"/u)
  54. assert.match(deviceSource, /@point-click="openDetail\(\$event\.equipmentId\)"/u)
  55. assert.match(facilitySource, /<GisMapCanvas/u)
  56. assert.match(facilitySource, /:points="mapPoints"/u)
  57. assert.match(facilitySource, /:lines="mapLines"/u)
  58. assert.match(facilitySource, /@point-click="openFacilityDetail"/u)
  59. const alarmSource = await readFile('src/views/subSystem/waterSupply/components/WaterAlarmPage.vue', 'utf8')
  60. assert.match(alarmSource, /<GisMapCanvas/u)
  61. assert.match(alarmSource, /getMonitoringPointColor\(point\)/u)
  62. assert.match(alarmSource, /一级报警/u)
  63. assert.doesNotMatch(alarmSource, /color: point\.relatedOrderNo \?/u)
  64. assert.match(alarmSource, /:points="gisMapPoints"/u)
  65. assert.match(alarmSource, /@point-click="openDetail"/u)
  66. })