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: .*/);
      });
    });
  });