@zap-wunschlachen/wl-shared-components 1.0.76 → 1.0.78

package/tests/unit/constants/iconEnums.spec.ts

@@ -1,40 +1,40 @@
-import { describe, it, expect } from 'vitest';
-import { IconEnum } from '../../../src/constants/iconEnums';
-
-describe('IconEnum', () => {
-  it('should have CALENDAR constant with correct value', () => {
-    expect(IconEnum.CALENDAR).toBe('calendar');
-  });
-
-  it('should have PLAY constant with correct value', () => {
-    expect(IconEnum.PLAY).toBe('play');
-  });
-
-  it('should have exactly 2 enum values', () => {
-    const enumValues = Object.values(IconEnum);
-    expect(enumValues).toHaveLength(2);
-  });
-
-  it('should contain specific enum values', () => {
-    const enumValues = Object.values(IconEnum);
-    expect(enumValues).toContain('calendar');
-    expect(enumValues).toContain('play');
-  });
-
-  it('should have unique values', () => {
-    const enumValues = Object.values(IconEnum);
-    const uniqueValues = new Set(enumValues);
-    expect(uniqueValues.size).toBe(enumValues.length);
-  });
-
-  it('should be able to use enum values for comparisons', () => {
-    const testValue = 'calendar';
-    expect(testValue).toBe(IconEnum.CALENDAR);
-  });
-
-  it('should maintain type safety with enum keys', () => {
-    const enumKeys = Object.keys(IconEnum);
-    expect(enumKeys).toContain('CALENDAR');
-    expect(enumKeys).toContain('PLAY');
-  });
+import { describe, it, expect } from 'vitest';
+import { IconEnum } from '../../../src/constants/iconEnums';
+
+describe('IconEnum', () => {
+  it('should have CALENDAR constant with correct value', () => {
+    expect(IconEnum.CALENDAR).toBe('calendar');
+  });
+
+  it('should have PLAY constant with correct value', () => {
+    expect(IconEnum.PLAY).toBe('play');
+  });
+
+  it('should have exactly 2 enum values', () => {
+    const enumValues = Object.values(IconEnum);
+    expect(enumValues).toHaveLength(2);
+  });
+
+  it('should contain specific enum values', () => {
+    const enumValues = Object.values(IconEnum);
+    expect(enumValues).toContain('calendar');
+    expect(enumValues).toContain('play');
+  });
+
+  it('should have unique values', () => {
+    const enumValues = Object.values(IconEnum);
+    const uniqueValues = new Set(enumValues);
+    expect(uniqueValues.size).toBe(enumValues.length);
+  });
+
+  it('should be able to use enum values for comparisons', () => {
+    const testValue = 'calendar';
+    expect(testValue).toBe(IconEnum.CALENDAR);
+  });
+
+  it('should maintain type safety with enum keys', () => {
+    const enumKeys = Object.keys(IconEnum);
+    expect(enumKeys).toContain('CALENDAR');
+    expect(enumKeys).toContain('PLAY');
+  });
 });

package/tests/unit/i18n/i18n.spec.ts

@@ -1,89 +1,89 @@
-import { describe, it, expect, vi, beforeEach } from 'vitest';
-import { createInternalI18n } from '../../../src/i18n/i18n';
-
-vi.mock('vue-i18n', () => ({
-  createI18n: vi.fn((config) => ({
-    ...config,
-    global: {
-      locale: config.locale,
-      fallbackLocale: config.fallbackLocale,
-      messages: config.messages,
-    },
-    install: vi.fn(),
-  })),
-}));
-
-vi.mock('../../../src/i18n/locales/en.json', () => ({
-  default: {
-    hello: 'Hello',
-    welcome: 'Welcome',
-  },
-}));
-
-vi.mock('../../../src/i18n/locales/de.json', () => ({
-  default: {
-    hello: 'Hallo',
-    welcome: 'Willkommen',
-  },
-}));
-
-describe('i18n', () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-  });
-
-  describe('createInternalI18n', () => {
-    it('should create an i18n instance', () => {
-      const i18n = createInternalI18n();
-      expect(i18n).toBeDefined();
-      expect(i18n).toHaveProperty('global');
-    });
-
-    it('should set default locale to German (de)', () => {
-      const i18n = createInternalI18n();
-      expect(i18n.global.locale).toBe('de');
-    });
-
-    it('should set fallback locale to German (de)', () => {
-      const i18n = createInternalI18n();
-      expect(i18n.global.fallbackLocale).toBe('de');
-    });
-
-    it('should include English messages', () => {
-      const i18n = createInternalI18n();
-      expect(i18n.global.messages.en).toBeDefined();
-      expect(i18n.global.messages.en).toHaveProperty('hello');
-      expect(i18n.global.messages.en.hello).toBe('Hello');
-    });
-
-    it('should include German messages', () => {
-      const i18n = createInternalI18n();
-      expect(i18n.global.messages.de).toBeDefined();
-      expect(i18n.global.messages.de).toHaveProperty('hello');
-      expect(i18n.global.messages.de.hello).toBe('Hallo');
-    });
-
-    it('should have both language locales available', () => {
-      const i18n = createInternalI18n();
-      const availableLocales = Object.keys(i18n.global.messages);
-      expect(availableLocales).toContain('en');
-      expect(availableLocales).toContain('de');
-      expect(availableLocales).toHaveLength(2);
-    });
-
-    it('should return a consistent i18n configuration', () => {
-      const i18n1 = createInternalI18n();
-      const i18n2 = createInternalI18n();
-
-      expect(i18n1.global.locale).toBe(i18n2.global.locale);
-      expect(i18n1.global.fallbackLocale).toBe(i18n2.global.fallbackLocale);
-      expect(JSON.stringify(i18n1.global.messages)).toBe(JSON.stringify(i18n2.global.messages));
-    });
-
-    it('should have an install method for Vue plugin compatibility', () => {
-      const i18n = createInternalI18n();
-      expect(i18n).toHaveProperty('install');
-      expect(typeof i18n.install).toBe('function');
-    });
-  });
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { createInternalI18n } from '../../../src/i18n/i18n';
+
+vi.mock('vue-i18n', () => ({
+  createI18n: vi.fn((config) => ({
+    ...config,
+    global: {
+      locale: config.locale,
+      fallbackLocale: config.fallbackLocale,
+      messages: config.messages,
+    },
+    install: vi.fn(),
+  })),
+}));
+
+vi.mock('../../../src/i18n/locales/en.json', () => ({
+  default: {
+    hello: 'Hello',
+    welcome: 'Welcome',
+  },
+}));
+
+vi.mock('../../../src/i18n/locales/de.json', () => ({
+  default: {
+    hello: 'Hallo',
+    welcome: 'Willkommen',
+  },
+}));
+
+describe('i18n', () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+  });
+
+  describe('createInternalI18n', () => {
+    it('should create an i18n instance', () => {
+      const i18n = createInternalI18n();
+      expect(i18n).toBeDefined();
+      expect(i18n).toHaveProperty('global');
+    });
+
+    it('should set default locale to German (de)', () => {
+      const i18n = createInternalI18n();
+      expect(i18n.global.locale).toBe('de');
+    });
+
+    it('should set fallback locale to German (de)', () => {
+      const i18n = createInternalI18n();
+      expect(i18n.global.fallbackLocale).toBe('de');
+    });
+
+    it('should include English messages', () => {
+      const i18n = createInternalI18n();
+      expect(i18n.global.messages.en).toBeDefined();
+      expect(i18n.global.messages.en).toHaveProperty('hello');
+      expect(i18n.global.messages.en.hello).toBe('Hello');
+    });
+
+    it('should include German messages', () => {
+      const i18n = createInternalI18n();
+      expect(i18n.global.messages.de).toBeDefined();
+      expect(i18n.global.messages.de).toHaveProperty('hello');
+      expect(i18n.global.messages.de.hello).toBe('Hallo');
+    });
+
+    it('should have both language locales available', () => {
+      const i18n = createInternalI18n();
+      const availableLocales = Object.keys(i18n.global.messages);
+      expect(availableLocales).toContain('en');
+      expect(availableLocales).toContain('de');
+      expect(availableLocales).toHaveLength(2);
+    });
+
+    it('should return a consistent i18n configuration', () => {
+      const i18n1 = createInternalI18n();
+      const i18n2 = createInternalI18n();
+
+      expect(i18n1.global.locale).toBe(i18n2.global.locale);
+      expect(i18n1.global.fallbackLocale).toBe(i18n2.global.fallbackLocale);
+      expect(JSON.stringify(i18n1.global.messages)).toBe(JSON.stringify(i18n2.global.messages));
+    });
+
+    it('should have an install method for Vue plugin compatibility', () => {
+      const i18n = createInternalI18n();
+      expect(i18n).toHaveProperty('install');
+      expect(typeof i18n.install).toBe('function');
+    });
+  });
 });

package/tests/unit/plugins/vuetify.spec.ts

@@ -1,183 +1,183 @@
-import { describe, it, expect, vi, beforeEach } from 'vitest';
-
-vi.mock('vuetify/styles', () => ({}));
-vi.mock('@mdi/font/css/materialdesignicons.css', () => ({}));
-
-const mockHeroicons = {
-  aliases: {},
-  component: vi.fn(),
-};
-
-vi.mock('../../../heroicons', () => ({
-  default: mockHeroicons,
-}));
-
-vi.mock('vuetify/iconsets/mdi', () => ({
-  aliases: {
-    complete: 'mdi-check',
-    cancel: 'mdi-close',
-  },
-  mdi: {
-    component: vi.fn(),
-    aliases: {},
-  },
-}));
-
-vi.mock('vuetify/components', () => ({
-  VApp: { name: 'VApp' },
-  VBtn: { name: 'VBtn' },
-  VCard: { name: 'VCard' },
-}));
-
-vi.mock('vuetify/directives', () => ({
-  vRipple: { name: 'vRipple' },
-  vTouch: { name: 'vTouch' },
-}));
-
-const createVuetifyMock = vi.fn((config) => ({
-  ...config,
-  install: vi.fn(),
-  display: {},
-  theme: config.theme,
-  icons: config.icons,
-}));
-
-vi.mock('vuetify', () => ({
-  createVuetify: createVuetifyMock,
-}));
-
-describe('vuetify plugin', () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-    vi.resetModules();
-  });
-
-  it('should create a vuetify instance', async () => {
-    const vuetifyModule = await import('../../../src/plugins/vuetify');
-    const vuetify = vuetifyModule.default;
-
-    expect(vuetify).toBeDefined();
-    expect(createVuetifyMock).toHaveBeenCalled();
-  });
-
-  it('should configure icons with mdi as default set', async () => {
-    await import('../../../src/plugins/vuetify');
-
-    const config = createVuetifyMock.mock.calls[0][0];
-    expect(config.icons).toBeDefined();
-    expect(config.icons.defaultSet).toBe('mdi');
-  });
-
-  it('should include both mdi and heroicons sets', async () => {
-    await import('../../../src/plugins/vuetify');
-
-    const config = createVuetifyMock.mock.calls[0][0];
-    expect(config.icons.sets).toBeDefined();
-    expect(config.icons.sets).toHaveProperty('mdi');
-    expect(config.icons.sets).toHaveProperty('heroicons');
-  });
-
-  it('should include icon aliases', async () => {
-    await import('../../../src/plugins/vuetify');
-
-    const config = createVuetifyMock.mock.calls[0][0];
-    expect(config.icons.aliases).toBeDefined();
-    expect(config.icons.aliases).toHaveProperty('complete');
-    expect(config.icons.aliases).toHaveProperty('cancel');
-  });
-
-  it('should include all vuetify components', async () => {
-    await import('../../../src/plugins/vuetify');
-
-    const config = createVuetifyMock.mock.calls[0][0];
-    expect(config.components).toBeDefined();
-    expect(config.components).toHaveProperty('VApp');
-    expect(config.components).toHaveProperty('VBtn');
-    expect(config.components).toHaveProperty('VCard');
-  });
-
-  it('should include all vuetify directives', async () => {
-    await import('../../../src/plugins/vuetify');
-
-    const config = createVuetifyMock.mock.calls[0][0];
-    expect(config.directives).toBeDefined();
-    expect(config.directives).toHaveProperty('vRipple');
-    expect(config.directives).toHaveProperty('vTouch');
-  });
-
-  describe('theme configuration', () => {
-    it('should set default theme to light', async () => {
-      await import('../../../src/plugins/vuetify');
-
-      const config = createVuetifyMock.mock.calls[0][0];
-      expect(config.theme).toBeDefined();
-      expect(config.theme.defaultTheme).toBe('light');
-    });
-
-    it('should define light and dark themes', async () => {
-      await import('../../../src/plugins/vuetify');
-
-      const config = createVuetifyMock.mock.calls[0][0];
-      expect(config.theme.themes).toBeDefined();
-      expect(config.theme.themes).toHaveProperty('light');
-      expect(config.theme.themes).toHaveProperty('dark');
-    });
-
-    describe('light theme', () => {
-      it('should have dark property set to false', async () => {
-        await import('../../../src/plugins/vuetify');
-
-        const config = createVuetifyMock.mock.calls[0][0];
-        expect(config.theme.themes.light.dark).toBe(false);
-      });
-
-      it('should define opacity variables', async () => {
-        await import('../../../src/plugins/vuetify');
-
-        const config = createVuetifyMock.mock.calls[0][0];
-        expect(config.theme.themes.light.variables).toBeDefined();
-        expect(config.theme.themes.light.variables['activated-opacity']).toBe('0.2');
-        expect(config.theme.themes.light.variables['hover-opacity']).toBe('0.2');
-      });
-
-      it('should have empty colors object (colors loaded from CSS variables)', async () => {
-        await import('../../../src/plugins/vuetify');
-
-        const config = createVuetifyMock.mock.calls[0][0];
-        const colors = config.theme.themes.light.colors;
-
-        // Colors are loaded from variable.css, not defined in Vuetify config
-        expect(colors).toBeDefined();
-        expect(Object.keys(colors).length).toBe(0);
-      });
-    });
-
-    describe('dark theme', () => {
-      it('should have dark property set to true', async () => {
-        await import('../../../src/plugins/vuetify');
-
-        const config = createVuetifyMock.mock.calls[0][0];
-        expect(config.theme.themes.dark.dark).toBe(true);
-      });
-
-      it('should have empty colors object (colors loaded from CSS variables)', async () => {
-        await import('../../../src/plugins/vuetify');
-
-        const config = createVuetifyMock.mock.calls[0][0];
-        const colors = config.theme.themes.dark.colors;
-
-        // Colors are loaded from variable.css, not defined in Vuetify config
-        expect(colors).toBeDefined();
-        expect(Object.keys(colors).length).toBe(0);
-      });
-    });
-  });
-
-  it('should export a valid vuetify instance with install method', async () => {
-    const vuetifyModule = await import('../../../src/plugins/vuetify');
-    const vuetify = vuetifyModule.default;
-
-    expect(vuetify).toHaveProperty('install');
-    expect(typeof vuetify.install).toBe('function');
-  });
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+
+vi.mock('vuetify/styles', () => ({}));
+vi.mock('@mdi/font/css/materialdesignicons.css', () => ({}));
+
+const mockHeroicons = {
+  aliases: {},
+  component: vi.fn(),
+};
+
+vi.mock('../../../heroicons', () => ({
+  default: mockHeroicons,
+}));
+
+vi.mock('vuetify/iconsets/mdi', () => ({
+  aliases: {
+    complete: 'mdi-check',
+    cancel: 'mdi-close',
+  },
+  mdi: {
+    component: vi.fn(),
+    aliases: {},
+  },
+}));
+
+vi.mock('vuetify/components', () => ({
+  VApp: { name: 'VApp' },
+  VBtn: { name: 'VBtn' },
+  VCard: { name: 'VCard' },
+}));
+
+vi.mock('vuetify/directives', () => ({
+  vRipple: { name: 'vRipple' },
+  vTouch: { name: 'vTouch' },
+}));
+
+const createVuetifyMock = vi.fn((config) => ({
+  ...config,
+  install: vi.fn(),
+  display: {},
+  theme: config.theme,
+  icons: config.icons,
+}));
+
+vi.mock('vuetify', () => ({
+  createVuetify: createVuetifyMock,
+}));
+
+describe('vuetify plugin', () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+    vi.resetModules();
+  });
+
+  it('should create a vuetify instance', async () => {
+    const vuetifyModule = await import('../../../src/plugins/vuetify');
+    const vuetify = vuetifyModule.default;
+
+    expect(vuetify).toBeDefined();
+    expect(createVuetifyMock).toHaveBeenCalled();
+  });
+
+  it('should configure icons with mdi as default set', async () => {
+    await import('../../../src/plugins/vuetify');
+
+    const config = createVuetifyMock.mock.calls[0][0];
+    expect(config.icons).toBeDefined();
+    expect(config.icons.defaultSet).toBe('mdi');
+  });
+
+  it('should include both mdi and heroicons sets', async () => {
+    await import('../../../src/plugins/vuetify');
+
+    const config = createVuetifyMock.mock.calls[0][0];
+    expect(config.icons.sets).toBeDefined();
+    expect(config.icons.sets).toHaveProperty('mdi');
+    expect(config.icons.sets).toHaveProperty('heroicons');
+  });
+
+  it('should include icon aliases', async () => {
+    await import('../../../src/plugins/vuetify');
+
+    const config = createVuetifyMock.mock.calls[0][0];
+    expect(config.icons.aliases).toBeDefined();
+    expect(config.icons.aliases).toHaveProperty('complete');
+    expect(config.icons.aliases).toHaveProperty('cancel');
+  });
+
+  it('should include all vuetify components', async () => {
+    await import('../../../src/plugins/vuetify');
+
+    const config = createVuetifyMock.mock.calls[0][0];
+    expect(config.components).toBeDefined();
+    expect(config.components).toHaveProperty('VApp');
+    expect(config.components).toHaveProperty('VBtn');
+    expect(config.components).toHaveProperty('VCard');
+  });
+
+  it('should include all vuetify directives', async () => {
+    await import('../../../src/plugins/vuetify');
+
+    const config = createVuetifyMock.mock.calls[0][0];
+    expect(config.directives).toBeDefined();
+    expect(config.directives).toHaveProperty('vRipple');
+    expect(config.directives).toHaveProperty('vTouch');
+  });
+
+  describe('theme configuration', () => {
+    it('should set default theme to light', async () => {
+      await import('../../../src/plugins/vuetify');
+
+      const config = createVuetifyMock.mock.calls[0][0];
+      expect(config.theme).toBeDefined();
+      expect(config.theme.defaultTheme).toBe('light');
+    });
+
+    it('should define light and dark themes', async () => {
+      await import('../../../src/plugins/vuetify');
+
+      const config = createVuetifyMock.mock.calls[0][0];
+      expect(config.theme.themes).toBeDefined();
+      expect(config.theme.themes).toHaveProperty('light');
+      expect(config.theme.themes).toHaveProperty('dark');
+    });
+
+    describe('light theme', () => {
+      it('should have dark property set to false', async () => {
+        await import('../../../src/plugins/vuetify');
+
+        const config = createVuetifyMock.mock.calls[0][0];
+        expect(config.theme.themes.light.dark).toBe(false);
+      });
+
+      it('should define opacity variables', async () => {
+        await import('../../../src/plugins/vuetify');
+
+        const config = createVuetifyMock.mock.calls[0][0];
+        expect(config.theme.themes.light.variables).toBeDefined();
+        expect(config.theme.themes.light.variables['activated-opacity']).toBe('0.2');
+        expect(config.theme.themes.light.variables['hover-opacity']).toBe('0.2');
+      });
+
+      it('should have empty colors object (colors loaded from CSS variables)', async () => {
+        await import('../../../src/plugins/vuetify');
+
+        const config = createVuetifyMock.mock.calls[0][0];
+        const colors = config.theme.themes.light.colors;
+
+        // Colors are loaded from variable.css, not defined in Vuetify config
+        expect(colors).toBeDefined();
+        expect(Object.keys(colors).length).toBe(0);
+      });
+    });
+
+    describe('dark theme', () => {
+      it('should have dark property set to true', async () => {
+        await import('../../../src/plugins/vuetify');
+
+        const config = createVuetifyMock.mock.calls[0][0];
+        expect(config.theme.themes.dark.dark).toBe(true);
+      });
+
+      it('should have empty colors object (colors loaded from CSS variables)', async () => {
+        await import('../../../src/plugins/vuetify');
+
+        const config = createVuetifyMock.mock.calls[0][0];
+        const colors = config.theme.themes.dark.colors;
+
+        // Colors are loaded from variable.css, not defined in Vuetify config
+        expect(colors).toBeDefined();
+        expect(Object.keys(colors).length).toBe(0);
+      });
+    });
+  });
+
+  it('should export a valid vuetify instance with install method', async () => {
+    const vuetifyModule = await import('../../../src/plugins/vuetify');
+    const vuetify = vuetifyModule.default;
+
+    expect(vuetify).toHaveProperty('install');
+    expect(typeof vuetify.install).toBe('function');
+  });
 });