test(local-storage): add unit tests

tests/LocalStorage/LocalStorage.test.ts

@@ -0,0 +1,103 @@
+import { render } from "@testing-library/svelte";
+import LocalStorage from "./LocalStorage.test.svelte";
+
+describe("LocalStorage", () => {
+  let localStorageMock: { [key: string]: string };
+  let originalLocalStorage: Storage;
+
+  beforeEach(() => {
+    originalLocalStorage = global.localStorage;
+    localStorageMock = {};
+    global.localStorage = {
+      getItem: vi.fn((key) => localStorageMock[key] || null),
+      setItem: vi.fn((key, value) => {
+        localStorageMock[key] = value;
+      }),
+      removeItem: vi.fn((key) => {
+        delete localStorageMock[key];
+      }),
+      clear: vi.fn(() => {
+        localStorageMock = {};
+      }),
+      length: 0,
+      key: vi.fn(),
+    };
+  });
+
+  afterEach(() => {
+    global.localStorage = originalLocalStorage;
+    localStorage.clear();
+    vi.restoreAllMocks();
+    localStorageMock = {};
+  });
+
+  it("saves primitive value to localStorage on mount", () => {
+    render(LocalStorage);
+
+    expect(localStorage.setItem).toHaveBeenCalledWith(
+      "local-storage-key",
+      "test-value",
+    );
+  });
+
+  it("saves object value as JSON string", () => {
+    render(LocalStorage);
+
+    expect(localStorage.setItem).toHaveBeenCalledWith(
+      "theme-settings",
+      JSON.stringify({ theme: "dark", fontSize: 16 }),
+    );
+  });
+
+  it("loads existing primitive value from localStorage", () => {
+    localStorageMock["local-storage-key"] = "existing-value";
+
+    render(LocalStorage);
+    expect(localStorage.getItem).toHaveBeenCalledWith("local-storage-key");
+  });
+
+  it("loads existing object value from localStorage", () => {
+    // Set up existing value
+    const existingSettings = { theme: "light", fontSize: 14 };
+    localStorageMock["theme-settings"] = JSON.stringify(existingSettings);
+
+    render(LocalStorage);
+    expect(localStorage.getItem).toHaveBeenCalledWith("theme-settings");
+  });
+
+  it("clears specific item from localStorage", () => {
+    const { component } = render(LocalStorage);
+    const storage = component.storage;
+
+    if (storage) {
+      storage.clearItem();
+      expect(localStorage.removeItem).toHaveBeenCalledWith("programmatic-key");
+    }
+  });
+
+  it("clears all items from localStorage", () => {
+    const { component } = render(LocalStorage);
+    const storage = component.storage;
+
+    if (storage) {
+      storage.clearAll();
+      expect(localStorage.clear).toHaveBeenCalled();
+    }
+  });
+
+  it("handles JSON parse errors gracefully", () => {
+    // Set up invalid JSON
+    localStorageMock["local-storage-key"] = "{invalid-json}";
+
+    render(LocalStorage);
+    expect(localStorage.getItem).toHaveBeenCalledWith("local-storage-key");
+  });
+
+  it("uses default key if none provided", () => {
+    render(LocalStorage);
+
+    expect(localStorage.getItem).toHaveBeenCalledWith(
+      expect.stringContaining("local-storage-key"),
+    );
+  });
+});