From ff547fc3f7a528860e53f086ad934426f7218421 Mon Sep 17 00:00:00 2001
From: shelly_goldblit <shelly_goldblit@dell.com>
Date: Sun, 31 Dec 2023 11:55:03 +0200
Subject: [PATCH] fix some more tests

---
 cypress/e2e/layers.cy.ts | 61 +++++++++++++++++++++++-----------------
 1 file changed, 35 insertions(+), 26 deletions(-)

diff --git a/cypress/e2e/layers.cy.ts b/cypress/e2e/layers.cy.ts
index 0ef6d671..153d932d 100644
--- a/cypress/e2e/layers.cy.ts
+++ b/cypress/e2e/layers.cy.ts
@@ -82,6 +82,7 @@ describe("layers", () => {
       describe("when clicking show", () => {
         beforeEach(() => {
           when.click("layer-list-item:" + id + ":toggle-visibility");
+          when.wait(200);
         });
 
         it("should update visibility to visible in local storage", () => {
@@ -204,11 +205,10 @@ describe("layers", () => {
 
           beforeEach(() => {
             bgId = createBackground();
-
             when.click("layer-list-item:background:" + bgId);
             when.setValue("max-zoom.input-text", "1");
-
             when.click("layer-editor.layer-id");
+            when.wait(200);
           });
 
           it("should update style in local storage", () => {
@@ -230,11 +230,10 @@ describe("layers", () => {
 
           beforeEach(() => {
             bgId = createBackground();
-
             when.click("layer-list-item:background:" + bgId);
             when.setValue("layer-comment.input", comment);
-
             when.click("layer-editor.layer-id");
+            when.wait(200);
           });
 
           it("should update style in local stroage", () => {
@@ -251,10 +250,38 @@ describe("layers", () => {
             });
           });
 
-          it("when unsetting should update style in local storage", () => {
-            // Unset it again.
-            when.type("layer-comment.input", "{backspace}{backspace}");
-            when.click("min-zoom.input-text");
+          describe("when unsetting", () => {
+            beforeEach(() => {
+              when.type("layer-comment.input", "{backspace}{backspace}");
+              when.click("min-zoom.input-text");
+              when.wait(200);
+            });
+
+            it("should update style in local storage", () => {
+              then(get.maputnikStyleFromLocalStorage()).shouldDeepNestedInclude(
+                {
+                  layers: [
+                    {
+                      id: "background:" + bgId,
+                      type: "background",
+                    },
+                  ],
+                }
+              );
+            });
+          });
+        });
+
+        describe("color", () => {
+          let bgId: string;
+          beforeEach(() => {
+            bgId = createBackground();
+            when.click("layer-list-item:background:" + bgId);
+            when.click("spec-field:background-color");
+            when.wait(200);
+          });
+
+          it("should update style in local storage", () => {
             then(get.maputnikStyleFromLocalStorage()).shouldDeepNestedInclude({
               layers: [
                 {
@@ -265,24 +292,6 @@ describe("layers", () => {
             });
           });
         });
-
-        it("color", () => {
-          let bgId = createBackground();
-
-          when.click("layer-list-item:background:" + bgId);
-
-          when.click("spec-field:background-color");
-
-          should.equalStyleStore(
-            (a: any) => a.layers,
-            [
-              {
-                id: "background:" + bgId,
-                type: "background",
-              },
-            ]
-          );
-        });
       });
 
       describe("filter", () => {