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

---
 cypress/e2e/layers.cy.ts | 98 ++++++++++++++++++++++------------------
 1 file changed, 53 insertions(+), 45 deletions(-)

diff --git a/cypress/e2e/layers.cy.ts b/cypress/e2e/layers.cy.ts
index e89edf3f..87f150d0 100644
--- a/cypress/e2e/layers.cy.ts
+++ b/cypress/e2e/layers.cy.ts
@@ -162,58 +162,66 @@ describe("layers", () => {
           );
         });
 
-        it("min-zoom", () => {
-          let bgId = createBackground();
-
-          when.click("layer-list-item:background:" + bgId);
-          when.setValue("min-zoom.input-text", "1");
-
-          when.click("layer-editor.layer-id");
-
-          should.equalStyleStore(
-            (a: any) => a.layers,
-            [
-              {
-                id: "background:" + bgId,
-                type: "background",
-                minzoom: 1,
-              },
-            ]
-          );
+        describe("min-zoom", () => {
+          let bgId: string;
+
+          beforeEach(() => {
+            bgId = createBackground();
+            when.click("layer-list-item:background:" + bgId);
+            when.setValue("min-zoom.input-text", "1");
+            when.click("layer-editor.layer-id");
+          });
 
-          // AND RESET!
-          when.type("min-zoom.input-text", "{backspace}");
-          when.click("max-zoom.input-text");
+          it("should update min-zoom in local storage", () => {
+            then(get.maputnikStyleFromLocalStorage()).shouldDeepNestedInclude({
+              layers: [
+                {
+                  id: "background:" + bgId,
+                  type: "background",
+                  minzoom: 1,
+                },
+              ],
+            });
+          });
 
-          should.equalStyleStore(
-            (a: any) => a.layers,
-            [
-              {
-                id: "background:" + bgId,
-                type: "background",
-              },
-            ]
-          );
+          it("when clicking next layer should update style on local storage", () => {
+            when.type("min-zoom.input-text", "{backspace}");
+            when.click("max-zoom.input-text");
+            then(get.maputnikStyleFromLocalStorage()).shouldDeepNestedInclude({
+              layers: [
+                {
+                  id: "background:" + bgId,
+                  type: "background",
+                  minzoom: 1,
+                },
+              ],
+            });
+          });
         });
 
-        it("max-zoom", () => {
-          let bgId = createBackground();
+        describe("max-zoom", () => {
+          let bgId: string;
 
-          when.click("layer-list-item:background:" + bgId);
-          when.setValue("max-zoom.input-text", "1");
+          beforeEach(() => {
+            bgId = createBackground();
 
-          when.click("layer-editor.layer-id");
+            when.click("layer-list-item:background:" + bgId);
+            when.setValue("max-zoom.input-text", "1");
 
-          should.equalStyleStore(
-            (a: any) => a.layers,
-            [
-              {
-                id: "background:" + bgId,
-                type: "background",
-                maxzoom: 1,
-              },
-            ]
-          );
+            when.click("layer-editor.layer-id");
+          });
+
+          it("should update style in local storage", () => {
+            then(get.maputnikStyleFromLocalStorage()).shouldDeepNestedInclude({
+              layers: [
+                {
+                  id: "background:" + bgId,
+                  type: "background",
+                  maxzoom: 1,
+                },
+              ],
+            });
+          });
         });
 
         it("comments", () => {