t52-device-pick.mjs 2.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. import assert from 'node:assert/strict'
  2. import * as THREE from 'three'
  3. import { planPipeEnhancement } from '../../../src/modules/cockpit/domain/pipeEnhancement.js'
  4. import { planEnhancementDevices } from '../../../src/modules/cockpit/domain/enhancementDevices.js'
  5. import { mountPipeEnhancement } from '../../../src/modules/cockpit/services/threePipeEnhancement.js'
  6. const plan = planPipeEnhancement({ selected: { kind: 'pipe', code: 'P' }, visiblePipes: [
  7. { code: 'P', industry: 'WATER_SUPPLY', diameter: 400, positions: [[110, 28], [110.001, 28]] },
  8. ] })
  9. Object.assign(plan, planEnhancementDevices(plan, [{ code: 'D', name: '真实供水设备', industry: 'WATER_SUPPLY', pointCode: 'MP', longitude: 110.0005, latitude: 28, coordinate: { renderable: true } }]))
  10. const canvas = new EventTarget()
  11. canvas.getBoundingClientRect = () => ({ left: 0, top: 0, width: 900, height: 500 })
  12. let scene, camera, picked
  13. const host = { clientWidth: 900, clientHeight: 500, appendChild(n) { n.parentNode = this }, removeChild(n) { n.parentNode = null } }
  14. const viewer = mountPipeEnhancement(host, plan, {
  15. onDevicePick: (d) => { picked = d }, rendererFactory: () => ({ domElement: canvas, setSize() {}, dispose() {}, render(s, c) { scene = s; camera = c } }),
  16. })
  17. scene.updateMatrixWorld(true)
  18. camera.updateMatrixWorld()
  19. const device = scene.getObjectByName('device:D')
  20. assert.ok(device)
  21. const screen = device.getWorldPosition(new THREE.Vector3()).project(camera)
  22. const clientX = (screen.x + 1) * 450
  23. const clientY = (1 - screen.y) * 250
  24. function pointer(type, x = clientX) {
  25. const event = new Event(type, { cancelable: true })
  26. Object.assign(event, { button: 0, pointerId: 1, clientX: x, clientY })
  27. canvas.dispatchEvent(event)
  28. }
  29. pointer('pointerdown'); pointer('pointerup')
  30. assert.equal(picked.code, 'D')
  31. assert.equal(picked.pointCode, 'MP')
  32. assert.equal(picked.placementText, '邻近设备 · 示意安装')
  33. picked = null
  34. const root = scene.getObjectByName('pipe-enhancement:P')
  35. const blocker = new THREE.Mesh(new THREE.BoxGeometry(1, 1, 0.5), new THREE.MeshBasicMaterial())
  36. blocker.position.copy(root.worldToLocal(camera.position.clone().lerp(device.getWorldPosition(new THREE.Vector3()), 0.5)))
  37. root.add(blocker)
  38. root.updateMatrixWorld(true)
  39. pointer('pointerdown'); pointer('pointerup')
  40. assert.equal(picked, null, '不能穿过前方不透明表面拾取后方设备')
  41. root.remove(blocker); blocker.geometry.dispose(); blocker.material.dispose()
  42. pointer('pointerdown'); pointer('pointermove', clientX + 30); pointer('pointerup', clientX + 30)
  43. assert.equal(picked, null)
  44. viewer.destroy()
  45. pointer('pointerdown'); pointer('pointerup')
  46. assert.equal(picked, null)
  47. console.log('PASS 真实Three设备模型射线点选派发业务身份;拖拽和销毁后不误派发')