//TDD Test Driven Development
// Dieser Test überprüft die Karteninteraktion: Eingabe von Koordinaten und Zentrieren der Karte
// Schritte:
// 1. Öffnen der Karte auf einer bestimmten Seite.
// 2. Eingeben von Koordinaten in ein Eingabefeld.
// 3. Klicken auf einen Button, um die Karte zu den Koordinaten zu zoomen.
// 4. Überprüfen, ob die Karte korrekt zentriert wurde.
//--------------------------------------------------------------Test4 git config --global user.email "ismailali1553@gmail.com" in Terminal eingegeben und
// benutzer email adresse eingegeben git config --global user.name "ismailali1553"
describe("Karteninteraktion", () => {
  it("zoomt zu den eingegebenen Koordinaten", () => {
    // Öffne die Seite mit der Karte
    cy.visit("http://127.0.0.1:3000/?m=12&u=484"); // Passe den Pfad an deine Karte an

    // Gebe Koordinaten in das Eingabefeld ein
    cy.get('input[placeholder="Koordinaten eingeben (lat,lng)"]').type("52.52,13.405");

    // Klicke auf den Button "Zu Marker zoomen"
    cy.get("button").contains("Zu Marker zoomen").click();

    // Überprüfe, ob die Karte die eingegebenen Koordinaten korrekt zentriert hat
    cy.window().then((win) => {
      const map = win.map; // Zugriff auf die Leaflet-Instanz
      const center = map.getCenter(); // Aktuelles Zentrum der Karte abrufen
      expect(center.lat).to.be.closeTo(52.52, 0.01); // Latitude überprüfen
      expect(center.lng).to.be.closeTo(13.405, 0.01); // Longitude überprüfen
    });
  });
});
