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

import test from 'node:test'
import assert from 'node:assert/strict'
import fs from 'node:fs'

import {
  buildFacilityMapModel,
  filterFacilityMapModel,
  findFacilityFeature,
  formatFacilityDetail
} from '../src/utils/waterFacilityGisModel.js'

const collection = {
  type: 'FeatureCollection',
  features: [
    {
      type: 'Feature',
      id: 'plant:1',
      geometry: { type: 'Point', coordinates: [113.1, 23.1] },
      properties: { facilityType: 'plant', id: 1, code: 'WP-1', name: '城北水厂', location: '城北路' }
    },
    {
      type: 'Feature',
      id: 'pipe:2',
      geometry: { type: 'LineString', coordinates: [[113.2, 23.2], [113.4, 23.4]] },
      properties: { facilityType: 'pipe', id: 2, code: 'PIPE-2', name: '输水干线', location: '滨江路' }
    },
    {
      type: 'Feature',
      id: 'user:3',
      geometry: { type: 'Point', coordinates: [113.5, null] },
      properties: { facilityType: 'user', id: 3, code: 'USER-3', name: '缺坐标用水户' }
    }
  ]
}

test('facility map model keeps WGS84 coordinate order and omits incomplete features', () => {
  const model = buildFacilityMapModel(collection)

  assert.deepEqual(model.points.map(item => [item.lng, item.lat]), [[113.1, 23.1]])
  assert.deepEqual(model.lines[0].points.map(item => [item.lng, item.lat]), [[113.2, 23.2], [113.4, 23.4]])
})

test('facility type filters produce an observable empty layer state', () => {
  const model = buildFacilityMapModel(collection)
  const visible = filterFacilityMapModel(model, { plant: false, pipe: false, user: true })

  assert.equal(visible.points.length, 0)
  assert.equal(visible.lines.length, 0)
  assert.equal(visible.isEmpty, true)
})

test('facility search locates points and line midpoints by name, code, or address', () => {
  const model = buildFacilityMapModel(collection)

  assert.deepEqual(findFacilityFeature(model, 'WP-1'), {
    ...model.points[0],
    kind: 'point'
  })
  assert.deepEqual(
    [findFacilityFeature(model, '滨江路').lng, findFacilityFeature(model, '滨江路').lat],
    [113.3, 23.3]
  )
})

test('facility detail entries use Chinese labels and business values', () => {
  const entries = formatFacilityDetail({
    id: 6,
    stationCode: 'GIS-TEST-PS-001',
    stationType: 'water_supply',
    status: '0',
    pumpCount: 4
  }, 'pumpStation')

  assert.ok(entries.some(item => item.label === '泵站编号'))
  assert.ok(entries.some(item => item.label === '水泵数量' && item.value === 4))
  assert.ok(entries.some(item => item.label === '设施类型' && item.value === '供水泵站'))
  assert.ok(entries.some(item => item.label === '运行状态' && item.value === '正常'))
  assert.ok(entries.every(item => !/[A-Za-z]/u.test(item.label)))
})

test('GIS page exposes REST-backed right detail drawer and empty layer state', () => {
  const source = fs.readFileSync('src/views/subSystem/waterSupply/facility/gis.vue', 'utf8')

  assert.match(source, /<el-drawer[\s\S]*?direction="rtl"[\s\S]*?class="detail-drawer"/u)
  assert.match(source, /getWaterFacilityDetail\(feature\.type, feature\.id\)/u)
  assert.match(source, /detailLoading/u)
  assert.match(source, /detailError/u)
  assert.match(source, /当前筛选下没有可显示的供水设施/u)
  assert.match(source, /const centerPoint = \{ lng: 110\.3965, lat: 28\.4638 \}/u)
  assert.match(source, /function featureFocus\(feature\)/u)
  assert.match(source, /<WaterGisPageShell/u)

  const shellSource = fs.readFileSync('src/components/WaterGisPageShell.vue', 'utf8')
  assert.match(shellSource, /class="side-panel-body"/u)
  assert.match(shellSource, /overflow-y: auto/u)
})