@zap-wunschlachen/wl-shared-components 1.0.12 → 1.0.13

package/tests/unit/src/components/index.spec.ts.skip

@@ -1,193 +1,193 @@
-import { describe, it, expect } from 'vitest';
-import * as componentsIndex from '@/components/index';
-
-describe.skip('src/components/index.ts', () => {
-  describe('Component Exports', () => {
-    it('exports all expected components', () => {
-      const expectedComponents = [
-        'AccordionItem',
-        'AccordionGroup',
-        'Audio',
-        'Button',
-        'Checkbox',
-        'DateInput',
-        'Dialog',
-        'IconBulletList',
-        'IconBullet',
-        'Input',
-        'NotificationBubble',
-        'Select',
-        'TickBox',
-        'TextArea',
-        'OtpInput',
-        'PhoneInput',
-        'EditField',
-        'Modal'
-      ];
-
-      expectedComponents.forEach(componentName => {
-        expect(componentsIndex).toHaveProperty(componentName);
-        expect(componentsIndex[componentName]).toBeDefined();
-      });
-    });
-
-    it('all exports are valid Vue components', () => {
-      Object.entries(componentsIndex).forEach(([name, component]) => {
-        expect(component).toBeDefined();
-        expect(typeof component).toBe('object');
-
-        // Vue components should have these properties when processed by Vite
-        expect(component).toHaveProperty('__name');
-      });
-    });
-
-    it('exports correct number of components', () => {
-      const componentKeys = Object.keys(componentsIndex);
-      expect(componentKeys.length).toBe(18); // Based on the exports in the file
-    });
-
-    it('component names match file structure', () => {
-      // Verify that component names correspond to their expected file paths
-      expect(componentsIndex.AccordionItem).toBeDefined();
-      expect(componentsIndex.AccordionGroup).toBeDefined();
-      expect(componentsIndex.Audio).toBeDefined();
-      expect(componentsIndex.Button).toBeDefined();
-      expect(componentsIndex.Checkbox).toBeDefined();
-      expect(componentsIndex.DateInput).toBeDefined();
-      expect(componentsIndex.Dialog).toBeDefined();
-      expect(componentsIndex.EditField).toBeDefined();
-      expect(componentsIndex.IconBullet).toBeDefined();
-      expect(componentsIndex.IconBulletList).toBeDefined();
-      expect(componentsIndex.Input).toBeDefined();
-      expect(componentsIndex.Modal).toBeDefined();
-      expect(componentsIndex.NotificationBubble).toBeDefined();
-      expect(componentsIndex.OtpInput).toBeDefined();
-      expect(componentsIndex.PhoneInput).toBeDefined();
-      expect(componentsIndex.Select).toBeDefined();
-      expect(componentsIndex.TextArea).toBeDefined();
-      expect(componentsIndex.TickBox).toBeDefined();
-    });
-  });
-
-  describe('Component Types', () => {
-    it('Button component is properly exported', () => {
-      expect(componentsIndex.Button).toBeDefined();
-      expect(componentsIndex.Button.__name).toBe('Button');
-    });
-
-    it('Input component is properly exported', () => {
-      expect(componentsIndex.Input).toBeDefined();
-      expect(componentsIndex.Input.__name).toBe('Input');
-    });
-
-    it('Select component is properly exported', () => {
-      expect(componentsIndex.Select).toBeDefined();
-      expect(componentsIndex.Select.__name).toBe('Select');
-    });
-
-    it('DateInput component is properly exported', () => {
-      expect(componentsIndex.DateInput).toBeDefined();
-      expect(componentsIndex.DateInput.__name).toBe('DateInput');
-    });
-
-    it('Accordion components are properly exported', () => {
-      expect(componentsIndex.AccordionGroup).toBeDefined();
-      expect(componentsIndex.AccordionItem).toBeDefined();
-      expect(componentsIndex.AccordionGroup.__name).toBe('AccordionGroup');
-      expect(componentsIndex.AccordionItem.__name).toBe('AccordionItem');
-    });
-
-    it('Audio component is properly exported', () => {
-      expect(componentsIndex.Audio).toBeDefined();
-      expect(componentsIndex.Audio.__name).toBe('Audio');
-    });
-  });
-
-  describe('Import Consistency', () => {
-    it('all components can be destructured from the index', () => {
-      const {
-        AccordionItem,
-        AccordionGroup,
-        Audio,
-        Button,
-        Checkbox,
-        DateInput,
-        Dialog,
-        IconBulletList,
-        IconBullet,
-        Input,
-        NotificationBubble,
-        Select,
-        TickBox,
-        TextArea,
-        OtpInput,
-        PhoneInput,
-        EditField,
-        Modal
-      } = componentsIndex;
-
-      expect(AccordionItem).toBeDefined();
-      expect(AccordionGroup).toBeDefined();
-      expect(Audio).toBeDefined();
-      expect(Button).toBeDefined();
-      expect(Checkbox).toBeDefined();
-      expect(DateInput).toBeDefined();
-      expect(Dialog).toBeDefined();
-      expect(IconBulletList).toBeDefined();
-      expect(IconBullet).toBeDefined();
-      expect(Input).toBeDefined();
-      expect(NotificationBubble).toBeDefined();
-      expect(Select).toBeDefined();
-      expect(TickBox).toBeDefined();
-      expect(TextArea).toBeDefined();
-      expect(OtpInput).toBeDefined();
-      expect(PhoneInput).toBeDefined();
-      expect(EditField).toBeDefined();
-      expect(Modal).toBeDefined();
-    });
-
-    it('components maintain their original functionality', () => {
-      // Each component should be a Vue component with proper structure
-      Object.values(componentsIndex).forEach(component => {
-        expect(component).toBeDefined();
-        expect(typeof component).toBe('object');
-      });
-    });
-  });
-
-  describe('Module Structure', () => {
-    it('follows consistent export pattern', () => {
-      // All exports should follow the same pattern: default export from component files
-      Object.entries(componentsIndex).forEach(([name, component]) => {
-        expect(component).toBeDefined();
-        // Component should have Vue-specific properties
-        expect(typeof component).toBe('object');
-        expect(component).toHaveProperty('__name');
-      });
-    });
-
-    it('provides clean API for consumers', () => {
-      // Consumers should be able to import components in multiple ways
-      const component1 = componentsIndex.Button;
-      const { Button: component2 } = componentsIndex;
-
-      expect(component1).toBe(component2);
-    });
-  });
-
-  describe('Bundle Analysis', () => {
-    it('exports do not contain undefined values', () => {
-      Object.entries(componentsIndex).forEach(([name, component]) => {
-        expect(component).not.toBeUndefined();
-        expect(component).not.toBeNull();
-      });
-    });
-
-    it('component names are strings', () => {
-      Object.keys(componentsIndex).forEach(name => {
-        expect(typeof name).toBe('string');
-        expect(name.length).toBeGreaterThan(0);
-      });
-    });
-  });
+import { describe, it, expect } from 'vitest';
+import * as componentsIndex from '@/components/index';
+
+describe.skip('src/components/index.ts', () => {
+  describe('Component Exports', () => {
+    it('exports all expected components', () => {
+      const expectedComponents = [
+        'AccordionItem',
+        'AccordionGroup',
+        'Audio',
+        'Button',
+        'Checkbox',
+        'DateInput',
+        'Dialog',
+        'IconBulletList',
+        'IconBullet',
+        'Input',
+        'NotificationBubble',
+        'Select',
+        'TickBox',
+        'TextArea',
+        'OtpInput',
+        'PhoneInput',
+        'EditField',
+        'Modal'
+      ];
+
+      expectedComponents.forEach(componentName => {
+        expect(componentsIndex).toHaveProperty(componentName);
+        expect(componentsIndex[componentName]).toBeDefined();
+      });
+    });
+
+    it('all exports are valid Vue components', () => {
+      Object.entries(componentsIndex).forEach(([name, component]) => {
+        expect(component).toBeDefined();
+        expect(typeof component).toBe('object');
+
+        // Vue components should have these properties when processed by Vite
+        expect(component).toHaveProperty('__name');
+      });
+    });
+
+    it('exports correct number of components', () => {
+      const componentKeys = Object.keys(componentsIndex);
+      expect(componentKeys.length).toBe(18); // Based on the exports in the file
+    });
+
+    it('component names match file structure', () => {
+      // Verify that component names correspond to their expected file paths
+      expect(componentsIndex.AccordionItem).toBeDefined();
+      expect(componentsIndex.AccordionGroup).toBeDefined();
+      expect(componentsIndex.Audio).toBeDefined();
+      expect(componentsIndex.Button).toBeDefined();
+      expect(componentsIndex.Checkbox).toBeDefined();
+      expect(componentsIndex.DateInput).toBeDefined();
+      expect(componentsIndex.Dialog).toBeDefined();
+      expect(componentsIndex.EditField).toBeDefined();
+      expect(componentsIndex.IconBullet).toBeDefined();
+      expect(componentsIndex.IconBulletList).toBeDefined();
+      expect(componentsIndex.Input).toBeDefined();
+      expect(componentsIndex.Modal).toBeDefined();
+      expect(componentsIndex.NotificationBubble).toBeDefined();
+      expect(componentsIndex.OtpInput).toBeDefined();
+      expect(componentsIndex.PhoneInput).toBeDefined();
+      expect(componentsIndex.Select).toBeDefined();
+      expect(componentsIndex.TextArea).toBeDefined();
+      expect(componentsIndex.TickBox).toBeDefined();
+    });
+  });
+
+  describe('Component Types', () => {
+    it('Button component is properly exported', () => {
+      expect(componentsIndex.Button).toBeDefined();
+      expect(componentsIndex.Button.__name).toBe('Button');
+    });
+
+    it('Input component is properly exported', () => {
+      expect(componentsIndex.Input).toBeDefined();
+      expect(componentsIndex.Input.__name).toBe('Input');
+    });
+
+    it('Select component is properly exported', () => {
+      expect(componentsIndex.Select).toBeDefined();
+      expect(componentsIndex.Select.__name).toBe('Select');
+    });
+
+    it('DateInput component is properly exported', () => {
+      expect(componentsIndex.DateInput).toBeDefined();
+      expect(componentsIndex.DateInput.__name).toBe('DateInput');
+    });
+
+    it('Accordion components are properly exported', () => {
+      expect(componentsIndex.AccordionGroup).toBeDefined();
+      expect(componentsIndex.AccordionItem).toBeDefined();
+      expect(componentsIndex.AccordionGroup.__name).toBe('AccordionGroup');
+      expect(componentsIndex.AccordionItem.__name).toBe('AccordionItem');
+    });
+
+    it('Audio component is properly exported', () => {
+      expect(componentsIndex.Audio).toBeDefined();
+      expect(componentsIndex.Audio.__name).toBe('Audio');
+    });
+  });
+
+  describe('Import Consistency', () => {
+    it('all components can be destructured from the index', () => {
+      const {
+        AccordionItem,
+        AccordionGroup,
+        Audio,
+        Button,
+        Checkbox,
+        DateInput,
+        Dialog,
+        IconBulletList,
+        IconBullet,
+        Input,
+        NotificationBubble,
+        Select,
+        TickBox,
+        TextArea,
+        OtpInput,
+        PhoneInput,
+        EditField,
+        Modal
+      } = componentsIndex;
+
+      expect(AccordionItem).toBeDefined();
+      expect(AccordionGroup).toBeDefined();
+      expect(Audio).toBeDefined();
+      expect(Button).toBeDefined();
+      expect(Checkbox).toBeDefined();
+      expect(DateInput).toBeDefined();
+      expect(Dialog).toBeDefined();
+      expect(IconBulletList).toBeDefined();
+      expect(IconBullet).toBeDefined();
+      expect(Input).toBeDefined();
+      expect(NotificationBubble).toBeDefined();
+      expect(Select).toBeDefined();
+      expect(TickBox).toBeDefined();
+      expect(TextArea).toBeDefined();
+      expect(OtpInput).toBeDefined();
+      expect(PhoneInput).toBeDefined();
+      expect(EditField).toBeDefined();
+      expect(Modal).toBeDefined();
+    });
+
+    it('components maintain their original functionality', () => {
+      // Each component should be a Vue component with proper structure
+      Object.values(componentsIndex).forEach(component => {
+        expect(component).toBeDefined();
+        expect(typeof component).toBe('object');
+      });
+    });
+  });
+
+  describe('Module Structure', () => {
+    it('follows consistent export pattern', () => {
+      // All exports should follow the same pattern: default export from component files
+      Object.entries(componentsIndex).forEach(([name, component]) => {
+        expect(component).toBeDefined();
+        // Component should have Vue-specific properties
+        expect(typeof component).toBe('object');
+        expect(component).toHaveProperty('__name');
+      });
+    });
+
+    it('provides clean API for consumers', () => {
+      // Consumers should be able to import components in multiple ways
+      const component1 = componentsIndex.Button;
+      const { Button: component2 } = componentsIndex;
+
+      expect(component1).toBe(component2);
+    });
+  });
+
+  describe('Bundle Analysis', () => {
+    it('exports do not contain undefined values', () => {
+      Object.entries(componentsIndex).forEach(([name, component]) => {
+        expect(component).not.toBeUndefined();
+        expect(component).not.toBeNull();
+      });
+    });
+
+    it('component names are strings', () => {
+      Object.keys(componentsIndex).forEach(name => {
+        expect(typeof name).toBe('string');
+        expect(name.length).toBeGreaterThan(0);
+      });
+    });
+  });
 });