describe("GMA Markers Layer", () => {
  before(() => {
    // Besuche die Map-Seite
    cy.visit("http://10.10.0.70: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 spezifischen Inhalt
  });

  it("should open context menu on right-click on tooltip", () => {
    // Simuliere einen Rechtsklick auf einen Marker
    cy.get(".leaflet-marker-icon") // Selektor für Marker-Icons
      .first()
      .trigger("mouseover");

    // Füge einen Rechtsklick auf den Tooltip hinzu
    cy.get(".leaflet-tooltip") // Selektor für Tooltip
      .should("be.visible")
      .trigger("contextmenu"); // Trigger Kontextmenü

    // Ü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 spezifischen Menüpunkt
  });

  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
      .trigger("contextmenu");

    // Klick auf den Menüpunkt "Koordinaten anzeigen"
    cy.get(".custom-context-menu").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: .*/);
    });
  });
});