nandi/ori · theme.test.ts

nandi/oripublic⑂ Fork 0

⑂ main

theme.test.ts · 54 lines · 1.4 KBTypeScript    Blame HistoryRaw
✨ Workspace panel, selectors, previews, desktop app, sandbox template, resizable file tree, light/dark theme   1import { beforeEach, describe, expect, it } from "vitest";
DEFAULT_THEME,
THEME_KEY,
resetTheme,
7
toggleTheme,
9
10} from "./theme";
12describe("theme store", () => {
beforeEach(() => {
localStorage.clear();
resetTheme();
it("starts light and stamps the document", () => {
expect(useTheme.getState().theme).toBe(DEFAULT_THEME);
expect(document.documentElement.dataset.theme).toBe("light");
it("setTheme applies, stamps and remembers the theme", () => {
setTheme("dark");
expect(useTheme.getState().theme).toBe("dark");
expect(document.documentElement.dataset.theme).toBe("dark");
expect(localStorage.getItem(THEME_KEY)).toBe("dark");
it("toggleTheme alternates between light and dark", () => {
toggleTheme();
expect(useTheme.getState().theme).toBe("dark");
toggleTheme();
expect(useTheme.getState().theme).toBe("light");
expect(document.documentElement.dataset.theme).toBe("light");
it("resetTheme goes back to light", () => {
setTheme("dark");
resetTheme();
expect(useTheme.getState().theme).toBe("light");
expect(localStorage.getItem(THEME_KEY)).toBe("light");
46describe("isTheme", () => {
it("accepts the two themes and rejects anything else", () => {
expect(isTheme("light")).toBe(true);
expect(isTheme("dark")).toBe(true);
expect(isTheme("system")).toBe(false);
expect(isTheme(null)).toBe(false);
expect(isTheme(42)).toBe(false);

✨ Workspace panel, selectors, previews, desktop app, sandbox template, resizable file tree, light/dark theme 76d62ac k33g yesterday	1	import { beforeEach, describe, expect, it } from "vitest";
	2	import {
	3	DEFAULT_THEME,
	4	THEME_KEY,
	5	isTheme,
	6	resetTheme,
	7	setTheme,
	8	toggleTheme,
	9	useTheme,
	10	} from "./theme";
	11
	12	describe("theme store", () => {
	13	beforeEach(() => {
	14	localStorage.clear();
	15	resetTheme();
	16	});
	17
	18	it("starts light and stamps the document", () => {
	19	expect(useTheme.getState().theme).toBe(DEFAULT_THEME);
	20	expect(document.documentElement.dataset.theme).toBe("light");
	21	});
	22
	23	it("setTheme applies, stamps and remembers the theme", () => {
	24	setTheme("dark");
	25	expect(useTheme.getState().theme).toBe("dark");
	26	expect(document.documentElement.dataset.theme).toBe("dark");
	27	expect(localStorage.getItem(THEME_KEY)).toBe("dark");
	28	});
	29
	30	it("toggleTheme alternates between light and dark", () => {
	31	toggleTheme();
	32	expect(useTheme.getState().theme).toBe("dark");
	33	toggleTheme();
	34	expect(useTheme.getState().theme).toBe("light");
	35	expect(document.documentElement.dataset.theme).toBe("light");
	36	});
	37
	38	it("resetTheme goes back to light", () => {
	39	setTheme("dark");
	40	resetTheme();
	41	expect(useTheme.getState().theme).toBe("light");
	42	expect(localStorage.getItem(THEME_KEY)).toBe("light");
	43	});
	44	});
	45
	46	describe("isTheme", () => {
	47	it("accepts the two themes and rejects anything else", () => {
	48	expect(isTheme("light")).toBe(true);
	49	expect(isTheme("dark")).toBe(true);
	50	expect(isTheme("system")).toBe(false);
	51	expect(isTheme(null)).toBe(false);
	52	expect(isTheme(42)).toBe(false);
	53	});
	54	});