add tests for new session storage utils

containers/ecr-viewer/src/app/components/EcrTableClient.tsx

@@ -8,7 +8,7 @@ import { usePathname, useSearchParams, useRouter } from "next/navigation";
 import { range } from "../view-data/utils/utils";
 import classNames from "classnames";
 import Link from "next/link";
-import { saveToSessionStorage } from "./helpers";
+import { saveToSessionStorage } from "./utils";
 
 type EcrTableClientProps = {
   data: EcrDisplay[];

containers/ecr-viewer/src/app/tests/components/Utils.test.tsx

@@ -0,0 +1,62 @@
+import {
+  saveToSessionStorage,
+  retrieveFromSessionStorage,
+} from "../../components/utils.ts";
+
+describe("Session Storage saving utils", () => {
+  beforeEach(() => {
+    sessionStorage.clear();
+  });
+
+  describe("saveToSessionStorage", () => {
+    it("should save a string value to session storage", () => {
+      const key = "Bread";
+      const value = "Baguette";
+      saveToSessionStorage(key, value);
+
+      expect(sessionStorage.getItem(key)).toBe(JSON.stringify(value));
+    });
+
+    it("should save an object value to session storage", () => {
+      const key = "testKey";
+      const value = { name: "Heironymous", age: 37 };
+      saveToSessionStorage(key, value);
+
+      expect(sessionStorage.getItem(key)).toBe(JSON.stringify(value));
+    });
+  });
+
+  describe("retrieveFromSessionStorage", () => {
+    it("should retrieve a string value from session storage", () => {
+      const key = "fruit";
+      const value = "Apples";
+      sessionStorage.setItem(key, JSON.stringify(value));
+
+      const retrievedValue = retrieveFromSessionStorage(key);
+      expect(retrievedValue).toBe(value);
+    });
+
+    it("should retrieve an object value from session storage", () => {
+      const key = "patient";
+      const value = { name: "Arabelle", age: 22 };
+      sessionStorage.setItem(key, JSON.stringify(value));
+
+      const retrievedValue = retrieveFromSessionStorage(key);
+      expect(retrievedValue).toEqual(value);
+    });
+
+    it("should return null if the key does not exist", () => {
+      const key = "nonExistentKey";
+      const retrievedValue = retrieveFromSessionStorage(key);
+
+      expect(retrievedValue).toBeNull();
+    });
+
+    it("should throw an error for invalid JSON in session storage", () => {
+      const key = "aKey";
+      sessionStorage.setItem(key, "invalid-json");
+
+      expect(() => retrieveFromSessionStorage(key)).toThrow(SyntaxError);
+    });
+  });
+});

containers/ecr-viewer/src/app/tests/components/__snapshots__/EcrTable.test.tsx.snap

@@ -74,7 +74,7 @@ exports[`EcrTable Snapshot test for EcrTableLoading should match snapshot 1`] =
             </div>
           </th>
           <th
-            class="library-condition-colum"
+            class="library-condition-column"
             data-sortable="false"
             id="reportable_condition-header"
             role="columnheader"
@@ -953,7 +953,7 @@ exports[`EcrTable should match snapshot 1`] = `
             </div>
           </th>
           <th
-            class="library-condition-colum"
+            class="library-condition-column"
             data-sortable="false"
             id="reportable_condition-header"
             role="columnheader"

containers/ecr-viewer/src/app/view-data/components/BackButton.tsx

@@ -3,7 +3,7 @@ import { Icon } from "@trussworks/react-uswds";
 import Link from "next/link";
 import classNames from "classnames";
 import { env } from "next-runtime-env";
-import { retrieveFromSessionStorage } from "../../components/helpers";
+import { retrieveFromSessionStorage } from "../../components/utils";
 
 interface BackButtonProps {
   className?: string;