test(local-storage): extract shared global mock

This commit is contained in:
Eric Liu 2025-04-12 13:33:30 -07:00
commit 5e8c8b983c
3 changed files with 50 additions and 63 deletions

View file

@ -1,47 +1,22 @@
import { render } from "@testing-library/svelte";
import { setupLocalStorageMock } from "../setup-tests";
import LocalStoragePrimitive from "./LocalStoragePrimitive.test.svelte";
describe("LocalStorage - Primitive Values", () => {
let localStorageMock: { [key: string]: string };
let originalLocalStorage: Storage;
let consoleSpy: any;
const { setMockItem } = setupLocalStorageMock();
let consoleLog: ReturnType<typeof vi.spyOn>;
beforeEach(() => {
originalLocalStorage = global.localStorage;
localStorageMock = {};
consoleSpy = vi.spyOn(console, "log");
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 = {};
consoleLog = vi.spyOn(console, "log");
});
it("saves primitive value to localStorage on mount", () => {
render(LocalStoragePrimitive);
expect(localStorage.setItem).toHaveBeenCalledWith("test-key", "test-value");
});
it("loads existing primitive value from localStorage", () => {
localStorageMock["test-key"] = "existing-value";
setMockItem("test-key", "existing-value");
render(LocalStoragePrimitive);
expect(localStorage.getItem).toHaveBeenCalledWith("test-key");
@ -49,11 +24,11 @@ describe("LocalStorage - Primitive Values", () => {
it("dispatches save event when setting initial value", () => {
render(LocalStoragePrimitive);
expect(consoleSpy).toHaveBeenCalledWith("save event");
expect(consoleLog).toHaveBeenCalledWith("save event");
});
it("handles invalid values gracefully", () => {
localStorageMock["test-key"] = "{invalid-value}";
setMockItem("test-key", "{invalid-value}");
render(LocalStoragePrimitive);
expect(localStorage.getItem).toHaveBeenCalledWith("test-key");