describe("TK-Komponenten", () => {
  beforeEach(() => {
    cy.visit("http://10.10.0.70:3000/?m=12&u=484");
  });

  it("should toggle TK-Komponenten visibility", () => {
    // Sicherstellen, dass die Checkbox vorhanden und sichtbar ist
    cy.get("input[type='checkbox'][id='system-10']").should("exist").and("be.visible");

    // Deaktivieren der Checkbox und sicherstellen, dass die Marker verschwinden
    cy.get("input[type='checkbox'][id='system-10']")
      .uncheck({ force: true })
      .then(() => {
        // Überprüfen, ob keine Marker mehr vorhanden sind
        cy.get(".leaflet-marker-icon", { timeout: 10000 }).should("not.exist");
      });

    // Aktivieren der Checkbox und sicherstellen, dass die Marker wieder sichtbar werden
    cy.get("input[type='checkbox'][id='system-10']")
      .check({ force: true })
      .then(() => {
        // Überprüfen, ob die Marker sichtbar sind
        cy.get(".leaflet-marker-icon", { timeout: 10000 }).should("be.visible");
      });
  });
});