30 lines
1.1 KiB
TypeScript
30 lines
1.1 KiB
TypeScript
|
import { describe, it, expect, beforeEach } from 'vitest';
|
||
|
|
import { theme, setTheme } from './theme.svelte';
|
||
|
|
|
||
|
|
describe('theme store', () => {
|
||
|
|
beforeEach(() => {
|
||
|
|
localStorage.clear();
|
||
|
|
document.documentElement.removeAttribute('data-color-scheme');
|
||
|
|
});
|
||
|
|
it('sets light/dark, persists, and reflects on <html>', () => {
|
||
|
|
setTheme('light');
|
||
|
|
expect(theme.current).toBe('light');
|
||
|
|
expect(localStorage.getItem('oxicloud_theme')).toBe('light');
|
||
|
|
expect(document.documentElement.getAttribute('data-color-scheme')).toBe('light');
|
||
|
|
setTheme('dark');
|
||
|
|
expect(document.documentElement.getAttribute('data-color-scheme')).toBe('dark');
|
||
|
|
expect(localStorage.getItem('oxicloud_theme')).toBe('dark');
|
||
|
|
});
|
||
|
|
it('auto clears storage and removes the attribute', () => {
|
||
|
|
setTheme('dark');
|
||
|
|
setTheme('auto');
|
||
|
|
expect(theme.current).toBe('auto');
|
||
|
|
expect(localStorage.getItem('oxicloud_theme')).toBeNull();
|
||
|
|
expect(document.documentElement.hasAttribute('data-color-scheme')).toBe(false);
|
||
|
|
});
|
||
|
|
it('theme.set is an alias for setTheme', () => {
|
||
|
|
theme.set('light');
|
||
|
|
expect(theme.current).toBe('light');
|
||
|
|
});
|
||
|
|
});
|