BGDIINF_SB-2958 : add 3d load tests

Author: vladyslav-tk

src/modules/map/components/cesium/CesiumMap.vue

@@ -1,5 +1,5 @@
 <template>
-    <div id="cesium" ref="map"></div>
+    <div id="cesium" ref="map" data-cy="cesium"></div>
     <slot />
 </template>
 <script>

src/modules/map/components/openlayers/OpenLayersMap.vue

@@ -3,6 +3,7 @@
     <div
         id="ol-map"
         ref="map"
+        data-cy="ol-map"
         @touchstart.passive="onTouchStart"
         @touchmove.passive="clearLongPressTimer"
         @touchend.passive="clearLongPressTimer"

tests/e2e-cypress/integration/3d/transitionTo3d.cy.js

@@ -45,4 +45,29 @@ describe('Testing transitioning between 2D and 3D', () => {
             })
         })
     })
+    context('3D load', () => {
+        it('base layer load', () => {
+            cy.goToMapView()
+            // fixtures/256.jpeg will be fetched
+            cy.intercept('**/ch.swisstopo.swisstlm3d-karte-farbe.3d/**').as('baseLayer')
+            cy.get('[data-cy="3d-button"]').click()
+            cy.get('[data-cy="cesium"]').should('be.visible')
+            cy.get('[data-cy="ol-map"]').should('not.exist')
+            cy.wait('@baseLayer').its('response.statusCode').should('eq', 200)
+        })
+        it('load with correct position', () => {
+            cy.goToMapView('en', {
+                lat: 46.980721,
+                lon: 7.532844,
+                z: 9.666,
+            })
+            cy.get('[data-cy="3d-button"]').click()
+            cy.readWindowValue('cesiumViewer').then((viewer) => {
+                const cameraPosition = viewer.camera.positionCartographic
+                expect(cameraPosition.longitude).to.eq(0.13147292983909972)
+                expect(cameraPosition.latitude).to.eq(0.819968266410843)
+                expect(cameraPosition.height).to.eq(36434.03514736528)
+            })
+        })
+    })
 })