WIP: Jest und Cypress Test

cypress/e2e/tk-components.cy.js

@@ -0,0 +1,26 @@
+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");
+      });
+  });
+});