46 lines
1.3 KiB
TypeScript
46 lines
1.3 KiB
TypeScript
import { Theme } from "$lib/constants";
|
|
import { STATE_DATA } from "$states/persisted.svelte";
|
|
import { themeState } from "$states/theme.svelte";
|
|
import { describe, expect, it } from "vitest";
|
|
|
|
const THEME_VALUES = Object.values(Theme);
|
|
|
|
describe("theme.svelte", () => {
|
|
describe("initial state", () => {
|
|
it("should have valid initial theme value", () => {
|
|
expect(THEME_VALUES).toContain(themeState.current);
|
|
});
|
|
});
|
|
|
|
describe("toggle", () => {
|
|
it("should toggle between themes", () => {
|
|
themeState.current = Theme.LIGHT;
|
|
themeState.toggle();
|
|
expect(themeState.current).toBe(Theme.DARK);
|
|
|
|
themeState.toggle();
|
|
expect(themeState.current).toBe(Theme.LIGHT);
|
|
});
|
|
});
|
|
|
|
describe("current setter", () => {
|
|
it("should set theme correctly", () => {
|
|
themeState.current = Theme.DARK;
|
|
expect(themeState.current).toBe(Theme.DARK);
|
|
|
|
themeState.current = Theme.LIGHT;
|
|
expect(themeState.current).toBe(Theme.LIGHT);
|
|
});
|
|
});
|
|
|
|
describe("STATE_DATA", () => {
|
|
it("should serialize and deserialize theme", () => {
|
|
themeState.current = Theme.DARK;
|
|
expect(themeState[STATE_DATA]).toEqual({ current: Theme.DARK });
|
|
|
|
themeState[STATE_DATA] = { current: Theme.LIGHT };
|
|
expect(themeState.current).toBe(Theme.LIGHT);
|
|
});
|
|
});
|
|
});
|