WIN:GMA Test

cypress/e2e/gmaMarkersLayer.cy.js

@@ -0,0 +1,52 @@
+describe("GMA Markers Layer", () => {
+    beforeEach(() => {
+      // Besuche die Map-Seite
+      cy.visit("http://192.168.10.33:3000/?m=12&u=484"); // Passe die URL an
+    });
+  
+    it("should display tooltip on hover over a marker", () => {
+      // Simuliere einen Hover über einen Marker
+      cy.get('.leaflet-marker-icon') // Selektor für Marker-Icons
+        .first()
+        .trigger("mouseover");
+  
+      // Überprüfen, ob das Tooltip angezeigt wird
+      cy.get('.leaflet-tooltip') // Selektor für Tooltip
+        .should("be.visible")
+        .and("contain", "LT"); // Teste auf Inhalt
+    });
+  
+    it("should open context menu on right-click on tooltip", () => {
+      // Simuliere einen Rechtsklick auf einen Tooltip
+      cy.get('.leaflet-marker-icon') // Selektor für Marker-Icons
+        .first()
+        .trigger("mouseover");
+  
+      cy.get('.leaflet-tooltip') // Selektor für Tooltip
+        .rightclick();
+  
+      // Überprüfen, ob das Kontextmenü angezeigt wird
+      cy.get('.custom-context-menu') // Selektor für Kontextmenü
+        .should("be.visible")
+        .and("contain", "Koordinaten anzeigen"); // Teste auf Inhalt
+    });
+  
+    it("should display coordinates when 'Koordinaten anzeigen' is clicked", () => {
+      // Simuliere einen Rechtsklick und klicke auf "Koordinaten anzeigen"
+      cy.get('.leaflet-marker-icon') // Selektor für Marker-Icons
+        .first()
+        .trigger("mouseover");
+  
+      cy.get('.leaflet-tooltip') // Selektor für Tooltip
+        .rightclick();
+  
+      // Klick auf den Menüpunkt "Koordinaten anzeigen"
+      cy.contains("Koordinaten anzeigen").click();
+  
+      // Überprüfen, ob der Alert mit den Koordinaten angezeigt wird
+      cy.on("window:alert", (text) => {
+        expect(text).to.match(/Breitengrad: .* Längengrad: .*/);
+      });
+    });
+  });
+