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

---
 cypress/e2e/layers.cy.ts | 63 ++++++++++++++++++++++------------------
 1 file changed, 34 insertions(+), 29 deletions(-)

diff --git a/cypress/e2e/layers.cy.ts b/cypress/e2e/layers.cy.ts
index 87f150d0..0ef6d671 100644
--- a/cypress/e2e/layers.cy.ts
+++ b/cypress/e2e/layers.cy.ts
@@ -224,41 +224,46 @@ describe("layers", () => {
           });
         });
 
-        it("comments", () => {
-          let bgId = createBackground();
+        describe("comments", () => {
+          let bgId: string;
           let comment = "42";
 
-          when.click("layer-list-item:background:" + bgId);
-          when.setValue("layer-comment.input", comment);
+          beforeEach(() => {
+            bgId = createBackground();
 
-          when.click("layer-editor.layer-id");
+            when.click("layer-list-item:background:" + bgId);
+            when.setValue("layer-comment.input", comment);
 
-          should.equalStyleStore(
-            (a: any) => a.layers,
-            [
-              {
-                id: "background:" + bgId,
-                type: "background",
-                metadata: {
-                  "maputnik:comment": comment,
+            when.click("layer-editor.layer-id");
+          });
+
+          it("should update style in local stroage", () => {
+            then(get.maputnikStyleFromLocalStorage()).shouldDeepNestedInclude({
+              layers: [
+                {
+                  id: "background:" + bgId,
+                  type: "background",
+                  metadata: {
+                    "maputnik:comment": comment,
+                  },
                 },
-              },
-            ]
-          );
+              ],
+            });
+          });
 
-          // Unset it again.
-          when.type("layer-comment.input", "{backspace}{backspace}");
-          when.click("min-zoom.input-text");
-
-          should.equalStyleStore(
-            (a: any) => a.layers,
-            [
-              {
-                id: "background:" + bgId,
-                type: "background",
-              },
-            ]
-          );
+          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");
+            then(get.maputnikStyleFromLocalStorage()).shouldDeepNestedInclude({
+              layers: [
+                {
+                  id: "background:" + bgId,
+                  type: "background",
+                },
+              ],
+            });
+          });
         });
 
         it("color", () => {