@marktoflow/gui 2.0.0-alpha.1 → 2.0.0-alpha.3

package/tests/unit/serviceIcons.test.ts

@@ -0,0 +1,197 @@
+import { describe, it, expect } from 'vitest';
+import { getServiceIcon, getServiceColor } from '../../src/client/utils/serviceIcons.js';
+import { HelpCircle } from 'lucide-react';
+
+describe('Service Icons', () => {
+  describe('getServiceIcon', () => {
+    it('should return icons for all standard services', () => {
+      const services = [
+        'slack',
+        'github',
+        'jira',
+        'gmail',
+        'outlook',
+        'linear',
+        'notion',
+        'discord',
+        'airtable',
+        'confluence',
+        'http',
+        'claude',
+        'opencode',
+        'ollama',
+      ];
+
+      services.forEach((service) => {
+        const icon = getServiceIcon(service);
+        expect(icon).toBeDefined();
+        expect(icon).not.toBe(HelpCircle);
+      });
+    });
+
+    it('should return icons for new integrations', () => {
+      const newServices = [
+        'stripe',
+        'teams',
+        'twilio',
+        'sendgrid',
+        'shopify',
+        'zendesk',
+        'mailchimp',
+        'asana',
+        'trello',
+        'dropbox',
+        's3',
+        'aws-s3',
+      ];
+
+      newServices.forEach((service) => {
+        const icon = getServiceIcon(service);
+        expect(icon).toBeDefined();
+        expect(icon).not.toBe(HelpCircle);
+      });
+    });
+
+    it('should return HelpCircle for unknown services', () => {
+      const icon = getServiceIcon('unknown-service');
+      expect(icon).toBe(HelpCircle);
+    });
+
+    it('should handle service names with dots (action paths)', () => {
+      const icon = getServiceIcon('slack.chat.postMessage');
+      expect(icon).toBeDefined();
+      expect(icon).not.toBe(HelpCircle);
+    });
+
+    it('should handle case insensitive service names', () => {
+      const lowerIcon = getServiceIcon('slack');
+      const upperIcon = getServiceIcon('SLACK');
+      expect(lowerIcon).toBe(upperIcon);
+    });
+  });
+
+  describe('getServiceColor', () => {
+    it('should return brand colors for standard services', () => {
+      const serviceColors = {
+        slack: '#4A154B',
+        github: '#24292e',
+        jira: '#0052CC',
+        gmail: '#EA4335',
+        outlook: '#0078D4',
+        discord: '#5865F2',
+      };
+
+      Object.entries(serviceColors).forEach(([service, expectedColor]) => {
+        const color = getServiceColor(service);
+        expect(color).toBe(expectedColor);
+      });
+    });
+
+    it('should return brand colors for new integrations', () => {
+      const newServiceColors = {
+        stripe: '#635BFF',
+        teams: '#6264A7',
+        twilio: '#F22F46',
+        sendgrid: '#1A82E2',
+        shopify: '#96BF48',
+        zendesk: '#03363D',
+        mailchimp: '#FFE01B',
+        asana: '#F06A6A',
+        trello: '#0079BF',
+        dropbox: '#0061FF',
+        's3': '#FF9900',
+        'aws-s3': '#FF9900',
+      };
+
+      Object.entries(newServiceColors).forEach(([service, expectedColor]) => {
+        const color = getServiceColor(service);
+        expect(color).toBe(expectedColor);
+      });
+    });
+
+    it('should return default gray color for unknown services', () => {
+      const color = getServiceColor('unknown-service');
+      expect(color).toBe('#6B7280');
+    });
+
+    it('should handle service names with dots', () => {
+      const color = getServiceColor('github.pulls.create');
+      expect(color).toBe('#24292e');
+    });
+
+    it('should handle case insensitive service names', () => {
+      const lowerColor = getServiceColor('stripe');
+      const upperColor = getServiceColor('STRIPE');
+      expect(lowerColor).toBe(upperColor);
+    });
+
+    it('should return valid hex colors', () => {
+      const services = [
+        'slack',
+        'stripe',
+        'teams',
+        'twilio',
+        'shopify',
+        'zendesk',
+        'unknown',
+      ];
+
+      services.forEach((service) => {
+        const color = getServiceColor(service);
+        expect(color).toMatch(/^#[0-9A-F]{6}$/i);
+      });
+    });
+  });
+
+  describe('Integration Coverage', () => {
+    it('should have icons for all 30 service integrations', () => {
+      const allServices = [
+        // Standard services
+        'slack',
+        'github',
+        'jira',
+        'gmail',
+        'outlook',
+        'linear',
+        'notion',
+        'discord',
+        'airtable',
+        'confluence',
+        'http',
+        'ollama',
+        'claude',
+        'opencode',
+        // New integrations
+        'stripe',
+        'teams',
+        'twilio',
+        'sendgrid',
+        'shopify',
+        'zendesk',
+        'mailchimp',
+        'asana',
+        'trello',
+        'dropbox',
+        'aws-s3',
+        // Database services
+        'postgres',
+        'mysql',
+        'supabase',
+        // Google services
+        'google-sheets',
+        'google-calendar',
+      ];
+
+      allServices.forEach((service) => {
+        const icon = getServiceIcon(service);
+        const color = getServiceColor(service);
+
+        // Icon should not be the fallback HelpCircle
+        expect(icon).toBeDefined();
+
+        // Color should be a valid hex color
+        expect(color).toMatch(/^#[0-9A-F]{6}$/i);
+      });
+    });
+  });
+});

package/.turbo/turbo-test.log

@@ -1,22 +0,0 @@
-
-> @marktoflow/gui@2.0.0-alpha.1 test /Volumes/USBEXT/sandbox/personal/marktoflow/packages/gui
-> vitest run
-
-
- RUN  v2.1.9 /Volumes/USBEXT/sandbox/personal/marktoflow/packages/gui
-
- ✓ tests/unit/workflowToGraph.test.ts (15 tests) 3ms
- ✓ tests/unit/navigationStore.test.ts (10 tests) 6ms
- ✓ tests/unit/stepValidation.test.ts (17 tests) 7ms
- ✓ tests/unit/themeStore.test.ts (9 tests) 4ms
- ✓ tests/unit/layoutStore.test.ts (18 tests) 7ms
- ✓ tests/unit/executionStore.test.ts (43 tests) 24ms
- ✓ tests/unit/canvasStore.test.ts (24 tests) 5ms
- ✓ tests/unit/components.test.tsx (14 tests) 32ms
- ✓ tests/integration/api.test.ts (23 tests) 47ms
-
- Test Files  9 passed (9)
-      Tests  173 passed (173)
-   Start at  17:09:24
-   Duration  1.39s (transform 485ms, setup 761ms, collect 1.30s, tests 135ms, environment 4.27s, prepare 499ms)
-