city-life-line/tests/gisMapCanvas.test.mjs

import test from 'node:test'
import assert from 'node:assert/strict'
import { readFile } from 'node:fs/promises'
import { getFacilityPointIcon, getMapClusterIcon, getMonitoringPointColor, getMonitoringPointIcon, getMonitoringPointLabel, getMonitoringPointStatus, getMonitoringPointTagType } from '../src/utils/gisMapColors.js'

test('shared gis map canvas converts WGS84 coordinates before BMapGL rendering', async () => {
  const source = await readFile('src/components/GisMapCanvas.vue', 'utf8')

  assert.match(source, /import \{ convertCoord \} from '@\/utils\/coordTransform'/u)
  assert.match(source, /const \[lng, lat\] = convertCoord\(point\.lng, point\.lat\)/u)
  assert.match(source, /new BMapGL\.Point\(lng, lat\)/u)
  assert.match(source, /mapInstance\.setViewport\(bmapPoints/u)
  assert.doesNotMatch(source, /new BMapGL\.Point\(point\.lng, point\.lat\)/u)
})

test('shared gis map canvas renders pipelines without endpoint markers', async () => {
  const source = await readFile('src/components/GisMapCanvas.vue', 'utf8')
  const addLine = source.match(/function addLine\(BMapGL, line\) \{[\s\S]*?\n\}/u)?.[0] || ''

  assert.match(addLine, /new BMapGL\.Polyline\(bmapPoints/u)
  assert.match(addLine, /emit\('line-click', line\)/u)
  assert.doesNotMatch(addLine, /new BMapGL\.Marker/u)
  assert.doesNotMatch(addLine, /new BMapGL\.Label/u)
  assert.doesNotMatch(addLine, /起点/u)
  assert.doesNotMatch(addLine, /终点/u)
})

test('shared gis map canvas renders contextual clusters with colorful mixed icons', async () => {
  const source = await readFile('src/components/GisMapCanvas.vue', 'utf8')
  const addClusterMarker = source.match(/function addClusterMarker\(BMapGL, cluster\) \{[\s\S]*?\n\}/u)?.[0] || ''

  assert.match(source, /import \{ mergeMapPoints \} from '@\/utils\/gisMapClustering'/u)
  assert.match(source, /clusterRadius: \{ type: Number, default: 48 \}/u)
  assert.match(source, /clusterLabel: \{ type: String, default: '点位集合' \}/u)
  assert.match(source, /mergeMapPoints\(renderPoints, projectMapPoint, props\.clusterRadius\)/u)
  assert.match(source, /getMapClusterIcon\(cluster\.points\)/u)
  assert.match(source, /escapeHtml\(props\.clusterLabel\)/u)
  assert.match(source, /focusCluster\(cluster\)/u)
  assert.match(source, /emit\('cluster-click', cluster\)/u)
  assert.match(source, /function isClusterUnexpandable\(cluster\)/u)
  assert.match(addClusterMarker, /if \(isClusterUnexpandable\(cluster\)\) emit\('cluster-click', cluster\)/u)
  assert.doesNotMatch(addClusterMarker, /props\.showMarkerName/u)
  assert.match(source, /mapInstance\.addEventListener\('moveend', renderScene\)/u)
  assert.match(source, /mapInstance\.addEventListener\('zoomend', renderScene\)/u)
})

test('shared gis map canvas renders every point as an official icon with a label above it', async () => {
  const source = await readFile('src/components/GisMapCanvas.vue', 'utf8')

  assert.match(source, /function escapeHtml\(value\)/u)
  assert.match(source, /let bmapLoadTimer = null/u)
  assert.match(source, /let disposed = false/u)
  assert.match(source, /if \(disposed\) \{[\s\S]*?clearInterval\(bmapLoadTimer\)/u)
  assert.match(source, /if \(disposed \|\| !mapContainer\.value\) return/u)
  assert.match(source, /onBeforeUnmount\(\(\) => \{[\s\S]*?disposed = true/u)
  assert.match(source, /clearInterval\(bmapLoadTimer\)/u)
  assert.match(source, /markerSize: \{ type: Number, default: 28 \}/u)
  assert.match(source, /const iconUrl = point\.iconUrl \|\| getMonitoringPointIcon\(point\)/u)
  assert.match(source, /new BMapGL\.Icon\(iconUrl, new BMapGL\.Size\(size, size\), \{/u)
  assert.match(source, /anchor: new BMapGL\.Size\(size \/ 2, size\)/u)
  assert.match(source, /const marker = new BMapGL\.Marker\(position, \{/u)
  assert.match(source, /new BMapGL\.Label\(`<div class="gis-marker-label-text">/u)
  assert.match(source, /offset: new BMapGL\.Size\(-28, -props\.markerSize - 18\)/u)
  assert.match(source, /width: 56px/u)
  assert.match(source, /overflow-wrap: anywhere/u)
  assert.doesNotMatch(source, /white-space: nowrap/u)
  assert.doesNotMatch(source, /<img class="marker-icon"/u)
  assert.doesNotMatch(source, /class="marker-wrap"/u)
  assert.ok(source.includes("emit('point-click', point)"))
})

test('facility point icons follow the five-facility-type contract', () => {
  assert.match(getFacilityPointIcon('source'), /T_MarkPoint_Blue\.png/u)
  assert.match(getFacilityPointIcon('plant'), /T_MarkPoint_Green\.png/u)
  assert.match(getFacilityPointIcon('pumpStation'), /T_MarkPoint_Red\.png/u)
  assert.match(getFacilityPointIcon('pipe'), /T_MarkPoint_Yellow\.png/u)
  assert.match(getFacilityPointIcon('user'), /T_MarkPoint_Black\.png/u)
  assert.match(getFacilityPointIcon('unknown'), /T_MarkPoint_Green\.png/u)
})

test('cluster icons reuse the single member icon or fall back to the colorful marker', () => {
  assert.match(getMapClusterIcon([{ alarmStatus: 1 }, { alarmStatus: 1 }]), /T_MarkPoint_Red\.png/u)
  assert.match(getMapClusterIcon([{ onlineStatus: 0 }, { onlineStatus: 0 }]), /T_MarkPoint_Grey\.png/u)
  assert.match(getMapClusterIcon([{ alarmStatus: 1 }, { onlineStatus: 0 }]), /T_MarkPoint_Colorful\.png/u)
})

test('monitoring point colors follow the documented status semantics', () => {
  assert.equal(getMonitoringPointStatus({ relatedOrderNo: 'WO-1' }), 'workOrder')
  assert.equal(getMonitoringPointStatus({ relatedWorkOrderNo: 'WO-2' }), 'workOrder')
  assert.equal(getMonitoringPointStatus({ alarmStatus: 1 }), 'alarm')
  assert.equal(getMonitoringPointStatus({ currentStatus: 3 }), 'warning')
  assert.equal(getMonitoringPointStatus({ onlineStatus: 0 }), 'offline')
  assert.equal(getMonitoringPointStatus({}), 'normal')

  assert.equal(getMonitoringPointColor({ relatedOrderNo: 'WO-1' }), '#3498db')
  assert.equal(getMonitoringPointColor({ alarmStatus: 1 }), '#e74c3c')
  assert.equal(getMonitoringPointColor({ currentStatus: 3 }), '#f1c40f')
  assert.equal(getMonitoringPointColor({ onlineStatus: 0 }), '#95a5a6')
  assert.equal(getMonitoringPointColor({}), '#2ecc71')

  assert.match(getMonitoringPointIcon({ relatedOrderNo: 'WO-1' }), /T_MarkPoint_Blue\.png/u)
  assert.match(getMonitoringPointIcon({ alarmStatus: 1 }), /T_MarkPoint_Red\.png/u)
  assert.match(getMonitoringPointIcon({ currentStatus: 3 }), /T_MarkPoint_Yellow\.png/u)
  assert.match(getMonitoringPointIcon({ onlineStatus: 0 }), /T_MarkPoint_Grey\.png/u)
  assert.match(getMonitoringPointIcon({}), /T_MarkPoint_Green\.png/u)

  assert.equal(getMonitoringPointLabel({ currentStatus: 3 }), '预警')
  assert.equal(getMonitoringPointLabel({ relatedWorkOrderNo: 'WO-2' }), '关联工单')
  assert.equal(getMonitoringPointTagType({ relatedWorkOrderNo: 'WO-2' }), 'primary')
  assert.equal(getMonitoringPointTagType({ onlineStatus: 0 }), 'info')
})

test('water supply GIS pages share the common canvas component', async () => {
  const deviceSource = await readFile('src/views/subSystem/waterSupply/components/WaterDeviceGisMap.vue', 'utf8')
  const facilitySource = await readFile('src/views/subSystem/waterSupply/facility/gis.vue', 'utf8')

  assert.match(deviceSource, /<GisMapCanvas/u)
  assert.match(deviceSource, /cluster-label="设备集合"/u)
  assert.match(deviceSource, /value="workOrder">关联工单/u)
  assert.match(deviceSource, /legend-dot warning/u)
  assert.match(deviceSource, /getMonitoringPointTagType/u)
  assert.match(deviceSource, /:points="mapPoints"/u)
  assert.match(deviceSource, /@point-click="openDetail\(\$event\.equipmentId\)"/u)

  assert.match(facilitySource, /<GisMapCanvas/u)
  assert.match(facilitySource, /:points="mapPoints"/u)
  assert.match(facilitySource, /:lines="mapLines"/u)
  assert.match(facilitySource, /iconUrl: getFacilityPointIcon\(point\.type\)/u)
  assert.match(facilitySource, /cluster-label="设施集合"/u)
  assert.match(facilitySource, /@point-click="locateFeature"/u)
  const alarmSource = await readFile('src/views/subSystem/waterSupply/components/WaterAlarmPage.vue', 'utf8')

  assert.match(alarmSource, /<GisMapCanvas/u)
  assert.match(alarmSource, /cluster-label="报警集合"/u)
  assert.match(alarmSource, /getMonitoringPointColor\(point\)/u)
  assert.match(alarmSource, /一级报警/u)
  assert.doesNotMatch(alarmSource, /color: point\.relatedOrderNo \?/u)
  assert.match(alarmSource, /:points="gisMapPoints"/u)
  assert.match(alarmSource, /@point-click="openDetail"/u)
})