@mytechtoday/augment-extensions 1.3.0 → 1.4.0

package/augment-extensions/visual-design/__tests__/vendor-styles.test.ts

@@ -1,214 +1,214 @@
-/**
- * Vendor Styles Integration Tests
- *
- * Tests for Google Modern, Microsoft Fluent, and Amazon Cloudscape
- * design system implementations.
- */
-
-import { GOOGLE_MODERN } from '../domains/web-page-styles/google-modern';
-import { MICROSOFT_FLUENT } from '../domains/web-page-styles/microsoft-fluent';
-import { AMAZON_CLOUDSCAPE } from '../domains/web-page-styles/amazon-cloudscape';
-import { VendorStyle } from '../types';
-
-describe('Vendor Styles', () => {
-  describe('Google Modern (Material 3 Expressive)', () => {
-    it('should have correct vendor identifier', () => {
-      expect(GOOGLE_MODERN.vendor).toBe('google');
-    });
-
-    it('should have correct name and version', () => {
-      expect(GOOGLE_MODERN.name).toBe('Material 3 Expressive');
-      expect(GOOGLE_MODERN.version).toBe('3.0');
-    });
-
-    it('should have characteristics array', () => {
-      expect(Array.isArray(GOOGLE_MODERN.characteristics)).toBe(true);
-      expect(GOOGLE_MODERN.characteristics.length).toBeGreaterThan(0);
-    });
-
-    it('should have color palette', () => {
-      expect(GOOGLE_MODERN.colorPalette).toBeDefined();
-      expect(GOOGLE_MODERN.colorPalette.primary).toBeDefined();
-      expect(GOOGLE_MODERN.colorPalette.primary.hex).toBe('#6750A4');
-    });
-
-    it('should have typography system', () => {
-      expect(GOOGLE_MODERN.typography).toBeDefined();
-      expect(GOOGLE_MODERN.typography.fontFamilies).toBeDefined();
-      expect(GOOGLE_MODERN.typography.hierarchy).toBeDefined();
-    });
-
-    it('should have layout system', () => {
-      expect(GOOGLE_MODERN.layout).toBeDefined();
-      expect(GOOGLE_MODERN.layout.grid).toBeDefined();
-      expect(GOOGLE_MODERN.layout.spacing).toBeDefined();
-    });
-
-    it('should have motion system', () => {
-      expect(GOOGLE_MODERN.motion).toBeDefined();
-      expect(GOOGLE_MODERN.motion.durations).toBeDefined();
-      expect(GOOGLE_MODERN.motion.easings).toBeDefined();
-    });
-
-    it('should have elevation system', () => {
-      expect(GOOGLE_MODERN.elevation).toBeDefined();
-      expect(GOOGLE_MODERN.elevation.levels).toBeDefined();
-    });
-
-    it('should have component library', () => {
-      expect(GOOGLE_MODERN.components).toBeDefined();
-      expect(GOOGLE_MODERN.components?.buttons).toBeDefined();
-      expect(GOOGLE_MODERN.components?.inputs).toBeDefined();
-    });
-  });
-
-  describe('Microsoft Fluent 2', () => {
-    it('should have correct vendor identifier', () => {
-      expect(MICROSOFT_FLUENT.vendor).toBe('microsoft');
-    });
-
-    it('should have correct name and version', () => {
-      expect(MICROSOFT_FLUENT.name).toBe('Fluent 2');
-      expect(MICROSOFT_FLUENT.version).toBe('2.0');
-    });
-
-    it('should have characteristics array', () => {
-      expect(Array.isArray(MICROSOFT_FLUENT.characteristics)).toBe(true);
-      expect(MICROSOFT_FLUENT.characteristics.length).toBeGreaterThan(0);
-    });
-
-    it('should have color palette', () => {
-      expect(MICROSOFT_FLUENT.colorPalette).toBeDefined();
-      expect(MICROSOFT_FLUENT.colorPalette.primary).toBeDefined();
-      expect(MICROSOFT_FLUENT.colorPalette.primary.hex).toBe('#0078D4');
-    });
-
-    it('should have typography system', () => {
-      expect(MICROSOFT_FLUENT.typography).toBeDefined();
-      expect(MICROSOFT_FLUENT.typography.fontFamilies).toBeDefined();
-      expect(MICROSOFT_FLUENT.typography.hierarchy).toBeDefined();
-    });
-
-    it('should have layout system', () => {
-      expect(MICROSOFT_FLUENT.layout).toBeDefined();
-      expect(MICROSOFT_FLUENT.layout.grid).toBeDefined();
-      expect(MICROSOFT_FLUENT.layout.spacing).toBeDefined();
-    });
-
-    it('should have motion system', () => {
-      expect(MICROSOFT_FLUENT.motion).toBeDefined();
-      expect(MICROSOFT_FLUENT.motion.durations).toBeDefined();
-      expect(MICROSOFT_FLUENT.motion.easings).toBeDefined();
-    });
-
-    it('should have elevation system', () => {
-      expect(MICROSOFT_FLUENT.elevation).toBeDefined();
-      expect(MICROSOFT_FLUENT.elevation.levels).toBeDefined();
-    });
-
-    it('should have component library', () => {
-      expect(MICROSOFT_FLUENT.components).toBeDefined();
-      expect(MICROSOFT_FLUENT.components?.buttons).toBeDefined();
-      expect(MICROSOFT_FLUENT.components?.inputs).toBeDefined();
-    });
-  });
-
-  describe('Amazon Cloudscape', () => {
-    it('should have correct vendor identifier', () => {
-      expect(AMAZON_CLOUDSCAPE.vendor).toBe('amazon');
-    });
-
-    it('should have correct name and version', () => {
-      expect(AMAZON_CLOUDSCAPE.name).toBe('Cloudscape Design System');
-      expect(AMAZON_CLOUDSCAPE.version).toBe('3.0');
-    });
-
-    it('should have characteristics array', () => {
-      expect(Array.isArray(AMAZON_CLOUDSCAPE.characteristics)).toBe(true);
-      expect(AMAZON_CLOUDSCAPE.characteristics.length).toBeGreaterThan(0);
-    });
-
-    it('should have color palette', () => {
-      expect(AMAZON_CLOUDSCAPE.colorPalette).toBeDefined();
-      expect(AMAZON_CLOUDSCAPE.colorPalette.primary).toBeDefined();
-      expect(AMAZON_CLOUDSCAPE.colorPalette.primary.hex).toBe('#0972D3');
-    });
-
-    it('should have typography system', () => {
-      expect(AMAZON_CLOUDSCAPE.typography).toBeDefined();
-      expect(AMAZON_CLOUDSCAPE.typography.fontFamilies).toBeDefined();
-      expect(AMAZON_CLOUDSCAPE.typography.hierarchy).toBeDefined();
-    });
-
-    it('should have layout system', () => {
-      expect(AMAZON_CLOUDSCAPE.layout).toBeDefined();
-      expect(AMAZON_CLOUDSCAPE.layout.grid).toBeDefined();
-      expect(AMAZON_CLOUDSCAPE.layout.spacing).toBeDefined();
-    });
-
-    it('should have motion system', () => {
-      expect(AMAZON_CLOUDSCAPE.motion).toBeDefined();
-      expect(AMAZON_CLOUDSCAPE.motion.durations).toBeDefined();
-      expect(AMAZON_CLOUDSCAPE.motion.easings).toBeDefined();
-    });
-
-    it('should have elevation system', () => {
-      expect(AMAZON_CLOUDSCAPE.elevation).toBeDefined();
-      expect(AMAZON_CLOUDSCAPE.elevation.levels).toBeDefined();
-    });
-
-    it('should have component library', () => {
-      expect(AMAZON_CLOUDSCAPE.components).toBeDefined();
-      expect(AMAZON_CLOUDSCAPE.components?.buttons).toBeDefined();
-      expect(AMAZON_CLOUDSCAPE.components?.inputs).toBeDefined();
-    });
-  });
-
-  describe('Cross-vendor consistency', () => {
-    const vendors: VendorStyle[] = [GOOGLE_MODERN, MICROSOFT_FLUENT, AMAZON_CLOUDSCAPE];
-
-    it('all vendors should have required properties', () => {
-      vendors.forEach(vendor => {
-        expect(vendor.vendor).toBeDefined();
-        expect(vendor.name).toBeDefined();
-        expect(vendor.version).toBeDefined();
-        expect(vendor.characteristics).toBeDefined();
-        expect(vendor.colorPalette).toBeDefined();
-        expect(vendor.typography).toBeDefined();
-        expect(vendor.layout).toBeDefined();
-        expect(vendor.motion).toBeDefined();
-        expect(vendor.elevation).toBeDefined();
-      });
-    });
-
-    it('all vendors should have unique identifiers', () => {
-      const vendorIds = vendors.map(v => v.vendor);
-      const uniqueIds = new Set(vendorIds);
-      expect(uniqueIds.size).toBe(vendors.length);
-    });
-
-    it('all vendors should have accessibility standards', () => {
-      vendors.forEach(vendor => {
-        expect(vendor.colorPalette.accessibility).toBeDefined();
-        expect(vendor.colorPalette.accessibility?.wcagLevel).toBeDefined();
-      });
-    });
-
-    it('all vendors should have responsive grid systems', () => {
-      vendors.forEach(vendor => {
-        expect(vendor.layout.grid).toBeDefined();
-        expect(vendor.layout.grid.columns).toBeGreaterThan(0);
-        expect(vendor.layout.breakpoints).toBeDefined();
-      });
-    });
-
-    it('all vendors should have spacing systems', () => {
-      vendors.forEach(vendor => {
-        expect(vendor.layout.spacing).toBeDefined();
-        expect(vendor.layout.spacing.base).toBeGreaterThan(0);
-        expect(vendor.layout.spacing.scale).toBeDefined();
-      });
-    });
-  });
-});
-
+/**
+ * Vendor Styles Integration Tests
+ *
+ * Tests for Google Modern, Microsoft Fluent, and Amazon Cloudscape
+ * design system implementations.
+ */
+
+import { GOOGLE_MODERN } from '../domains/web-page-styles/google-modern';
+import { MICROSOFT_FLUENT } from '../domains/web-page-styles/microsoft-fluent';
+import { AMAZON_CLOUDSCAPE } from '../domains/web-page-styles/amazon-cloudscape';
+import { VendorStyle } from '../types';
+
+describe('Vendor Styles', () => {
+  describe('Google Modern (Material 3 Expressive)', () => {
+    it('should have correct vendor identifier', () => {
+      expect(GOOGLE_MODERN.vendor).toBe('google');
+    });
+
+    it('should have correct name and version', () => {
+      expect(GOOGLE_MODERN.name).toBe('Material 3 Expressive');
+      expect(GOOGLE_MODERN.version).toBe('3.0');
+    });
+
+    it('should have characteristics array', () => {
+      expect(Array.isArray(GOOGLE_MODERN.characteristics)).toBe(true);
+      expect(GOOGLE_MODERN.characteristics.length).toBeGreaterThan(0);
+    });
+
+    it('should have color palette', () => {
+      expect(GOOGLE_MODERN.colorPalette).toBeDefined();
+      expect(GOOGLE_MODERN.colorPalette.primary).toBeDefined();
+      expect(GOOGLE_MODERN.colorPalette.primary.hex).toBe('#6750A4');
+    });
+
+    it('should have typography system', () => {
+      expect(GOOGLE_MODERN.typography).toBeDefined();
+      expect(GOOGLE_MODERN.typography.fontFamilies).toBeDefined();
+      expect(GOOGLE_MODERN.typography.hierarchy).toBeDefined();
+    });
+
+    it('should have layout system', () => {
+      expect(GOOGLE_MODERN.layout).toBeDefined();
+      expect(GOOGLE_MODERN.layout.grid).toBeDefined();
+      expect(GOOGLE_MODERN.layout.spacing).toBeDefined();
+    });
+
+    it('should have motion system', () => {
+      expect(GOOGLE_MODERN.motion).toBeDefined();
+      expect(GOOGLE_MODERN.motion.durations).toBeDefined();
+      expect(GOOGLE_MODERN.motion.easings).toBeDefined();
+    });
+
+    it('should have elevation system', () => {
+      expect(GOOGLE_MODERN.elevation).toBeDefined();
+      expect(GOOGLE_MODERN.elevation.levels).toBeDefined();
+    });
+
+    it('should have component library', () => {
+      expect(GOOGLE_MODERN.components).toBeDefined();
+      expect(GOOGLE_MODERN.components?.buttons).toBeDefined();
+      expect(GOOGLE_MODERN.components?.inputs).toBeDefined();
+    });
+  });
+
+  describe('Microsoft Fluent 2', () => {
+    it('should have correct vendor identifier', () => {
+      expect(MICROSOFT_FLUENT.vendor).toBe('microsoft');
+    });
+
+    it('should have correct name and version', () => {
+      expect(MICROSOFT_FLUENT.name).toBe('Fluent 2');
+      expect(MICROSOFT_FLUENT.version).toBe('2.0');
+    });
+
+    it('should have characteristics array', () => {
+      expect(Array.isArray(MICROSOFT_FLUENT.characteristics)).toBe(true);
+      expect(MICROSOFT_FLUENT.characteristics.length).toBeGreaterThan(0);
+    });
+
+    it('should have color palette', () => {
+      expect(MICROSOFT_FLUENT.colorPalette).toBeDefined();
+      expect(MICROSOFT_FLUENT.colorPalette.primary).toBeDefined();
+      expect(MICROSOFT_FLUENT.colorPalette.primary.hex).toBe('#0078D4');
+    });
+
+    it('should have typography system', () => {
+      expect(MICROSOFT_FLUENT.typography).toBeDefined();
+      expect(MICROSOFT_FLUENT.typography.fontFamilies).toBeDefined();
+      expect(MICROSOFT_FLUENT.typography.hierarchy).toBeDefined();
+    });
+
+    it('should have layout system', () => {
+      expect(MICROSOFT_FLUENT.layout).toBeDefined();
+      expect(MICROSOFT_FLUENT.layout.grid).toBeDefined();
+      expect(MICROSOFT_FLUENT.layout.spacing).toBeDefined();
+    });
+
+    it('should have motion system', () => {
+      expect(MICROSOFT_FLUENT.motion).toBeDefined();
+      expect(MICROSOFT_FLUENT.motion.durations).toBeDefined();
+      expect(MICROSOFT_FLUENT.motion.easings).toBeDefined();
+    });
+
+    it('should have elevation system', () => {
+      expect(MICROSOFT_FLUENT.elevation).toBeDefined();
+      expect(MICROSOFT_FLUENT.elevation.levels).toBeDefined();
+    });
+
+    it('should have component library', () => {
+      expect(MICROSOFT_FLUENT.components).toBeDefined();
+      expect(MICROSOFT_FLUENT.components?.buttons).toBeDefined();
+      expect(MICROSOFT_FLUENT.components?.inputs).toBeDefined();
+    });
+  });
+
+  describe('Amazon Cloudscape', () => {
+    it('should have correct vendor identifier', () => {
+      expect(AMAZON_CLOUDSCAPE.vendor).toBe('amazon');
+    });
+
+    it('should have correct name and version', () => {
+      expect(AMAZON_CLOUDSCAPE.name).toBe('Cloudscape Design System');
+      expect(AMAZON_CLOUDSCAPE.version).toBe('3.0');
+    });
+
+    it('should have characteristics array', () => {
+      expect(Array.isArray(AMAZON_CLOUDSCAPE.characteristics)).toBe(true);
+      expect(AMAZON_CLOUDSCAPE.characteristics.length).toBeGreaterThan(0);
+    });
+
+    it('should have color palette', () => {
+      expect(AMAZON_CLOUDSCAPE.colorPalette).toBeDefined();
+      expect(AMAZON_CLOUDSCAPE.colorPalette.primary).toBeDefined();
+      expect(AMAZON_CLOUDSCAPE.colorPalette.primary.hex).toBe('#0972D3');
+    });
+
+    it('should have typography system', () => {
+      expect(AMAZON_CLOUDSCAPE.typography).toBeDefined();
+      expect(AMAZON_CLOUDSCAPE.typography.fontFamilies).toBeDefined();
+      expect(AMAZON_CLOUDSCAPE.typography.hierarchy).toBeDefined();
+    });
+
+    it('should have layout system', () => {
+      expect(AMAZON_CLOUDSCAPE.layout).toBeDefined();
+      expect(AMAZON_CLOUDSCAPE.layout.grid).toBeDefined();
+      expect(AMAZON_CLOUDSCAPE.layout.spacing).toBeDefined();
+    });
+
+    it('should have motion system', () => {
+      expect(AMAZON_CLOUDSCAPE.motion).toBeDefined();
+      expect(AMAZON_CLOUDSCAPE.motion.durations).toBeDefined();
+      expect(AMAZON_CLOUDSCAPE.motion.easings).toBeDefined();
+    });
+
+    it('should have elevation system', () => {
+      expect(AMAZON_CLOUDSCAPE.elevation).toBeDefined();
+      expect(AMAZON_CLOUDSCAPE.elevation.levels).toBeDefined();
+    });
+
+    it('should have component library', () => {
+      expect(AMAZON_CLOUDSCAPE.components).toBeDefined();
+      expect(AMAZON_CLOUDSCAPE.components?.buttons).toBeDefined();
+      expect(AMAZON_CLOUDSCAPE.components?.inputs).toBeDefined();
+    });
+  });
+
+  describe('Cross-vendor consistency', () => {
+    const vendors: VendorStyle[] = [GOOGLE_MODERN, MICROSOFT_FLUENT, AMAZON_CLOUDSCAPE];
+
+    it('all vendors should have required properties', () => {
+      vendors.forEach(vendor => {
+        expect(vendor.vendor).toBeDefined();
+        expect(vendor.name).toBeDefined();
+        expect(vendor.version).toBeDefined();
+        expect(vendor.characteristics).toBeDefined();
+        expect(vendor.colorPalette).toBeDefined();
+        expect(vendor.typography).toBeDefined();
+        expect(vendor.layout).toBeDefined();
+        expect(vendor.motion).toBeDefined();
+        expect(vendor.elevation).toBeDefined();
+      });
+    });
+
+    it('all vendors should have unique identifiers', () => {
+      const vendorIds = vendors.map(v => v.vendor);
+      const uniqueIds = new Set(vendorIds);
+      expect(uniqueIds.size).toBe(vendors.length);
+    });
+
+    it('all vendors should have accessibility standards', () => {
+      vendors.forEach(vendor => {
+        expect(vendor.colorPalette.accessibility).toBeDefined();
+        expect(vendor.colorPalette.accessibility?.wcagLevel).toBeDefined();
+      });
+    });
+
+    it('all vendors should have responsive grid systems', () => {
+      vendors.forEach(vendor => {
+        expect(vendor.layout.grid).toBeDefined();
+        expect(vendor.layout.grid.columns).toBeGreaterThan(0);
+        expect(vendor.layout.breakpoints).toBeDefined();
+      });
+    });
+
+    it('all vendors should have spacing systems', () => {
+      vendors.forEach(vendor => {
+        expect(vendor.layout.spacing).toBeDefined();
+        expect(vendor.layout.spacing.base).toBeGreaterThan(0);
+        expect(vendor.layout.spacing.scale).toBeDefined();
+      });
+    });
+  });
+});
+